:root{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:#112b4e;background:#dff4ff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}.hidden{display:none!important}#app{max-width:460px;min-height:100dvh;margin:auto;background:#fff;box-shadow:0 0 22px #1233}.screen{min-height:100dvh}.home-screen{background:#4bb5eb}.home-art{min-height:100dvh;background-image:url('assets/mapa-jogo-pt.webp');background-position:center top;background-repeat:no-repeat;background-size:100% auto;display:flex;flex-direction:column}.home-top{display:flex;justify-content:space-between;padding:14px 17px}.lang{background:#0e274a;border-radius:22px;padding:3px;display:flex}.lang-btn{color:white;background:none;border:0;border-radius:20px;padding:5px 10px;font-size:12px}.lang-btn.active{background:#fff;color:#183454}.hamburger{width:34px;height:33px;border:0;border-radius:9px;background:#102e52;color:white;font-size:18px}.art-space{height:auto;aspect-ratio:1/1.06;flex:none}.home-controls{padding:0 19px 20px;margin-top:auto}.intro{background:#fff;border:2px solid #132d48;border-radius:12px;padding:12px;font-size:14px;line-height:1.33;text-align:center;font-weight:750;margin:0 auto 8px;max-width:320px;box-shadow:1px 3px 0 #0c2e4e}.yellow-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffcf21;border:2px solid #162c45;box-shadow:0 5px 0 #12304a;border-radius:14px;width:100%;padding:13px 7px;font-weight:1000;font-size:16px;white-space:nowrap}.yellow-button span:first-child{font-size:24px}.people{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 10px}.person{background:#fff;border:2px solid transparent;border-radius:12px;padding:8px;color:#0c2946;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}.person img{height:72px;width:72px;object-fit:cover;object-position:top;border-radius:50%;background:#f9e8cd}.person b{text-align:center;text-transform:uppercase;font-weight:900;font-size:13px;line-height:1.1}.person.selected{border-color:#0872ef;box-shadow:inset 0 0 0 1px #0872ef}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stats>div{border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;gap:3px;padding:9px 2px;font-size:15px}.stats b{font-size:15px}.stats small{font-size:10px}.blue-button{background:#0969cc;border:0;color:#fff;border-radius:28px;font-size:15px;font-weight:900;padding:14px 18px}.home-controls>.blue-button{display:block;margin:11px auto 0;width:75%;background:#0b539d}.tiny{color:#12354b;font-size:10px;text-align:center;margin:11px 0 2px;background:#e8f7ffdd;padding:4px;border-radius:5px}.flow-screen{background:#fff}.flow-header{background:#112d51;color:white;height:55px;display:flex;align-items:center;gap:15px;padding:0 14px;font-size:15px}.back{background:none;border:0;color:#fff;font-size:35px;line-height:1}.flow-body{padding:12px 20px 32px}.steps{display:flex;justify-content:space-around;margin:4px 0 24px;position:relative}.steps:before{content:'';position:absolute;left:14%;right:14%;top:12px;height:3px;background:#bdd3e5}.steps span{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;color:#7290b2;font-size:11px}.steps b{display:grid;place-items:center;width:26px;height:26px;border:2px solid #c6d7e8;border-radius:50%;background:#fff}.steps .on,.steps .done{color:#006be7;font-weight:700}.steps .on b,.steps .done b{background:#0675e7;color:white;border-color:#0675e7}h2{margin:0 0 5px;font-size:21px}p{line-height:1.45}.flow-body>p{color:#547394;font-size:13px;margin:4px 0 13px}.camera-frame{position:relative;border-radius:15px;overflow:hidden;background:linear-gradient(#437ab0,#172b4b);aspect-ratio: .82;max-height:58dvh}.camera-frame>img{height:100%;width:100%;object-fit:cover;filter:brightness(.8)}.camera-frame .corners{position:absolute;inset:15px;border:5px solid #fff;border-radius:16px;clip-path:polygon(0 0,20% 0,20% 3%,3% 3%,3% 20%,0 20%,0 0,80% 0,100% 0,100% 20%,97% 20%,97% 3%,80% 3%,80% 0,100% 80%,100% 100%,80% 100%,80% 97%,97% 97%,97% 80%,100% 80%,20% 100%,0 100%,0 80%,3% 80%,3% 97%,20% 97%,20% 100%)}#cameraHint{position:absolute;bottom:25px;text-align:center;left:0;right:0;color:white;font-weight:700;text-shadow:0 1px 3px #000}.shutter-row{display:flex;justify-content:center;margin:12px}.shutter{border:4px solid #ff444e;background:#fc2f38;width:61px;height:61px;border-radius:50%;box-shadow:inset 0 0 0 4px #fff}.camera-actions{display:flex;gap:12px}.camera-actions button{flex:1;border:1px solid #c9dcf2;border-radius:10px;background:#f2f7ff;color:#17365d;padding:12px}.full{width:100%;margin-top:16px;border-radius:12px}.edit-photo{display:flex;align-items:center;gap:12px;margin:15px 0}.edit-photo img{height:82px;width:82px;object-fit:cover;border-radius:9px}.edit-photo button{border:1px solid #c1d4ed;background:#f1f6ff;color:#193c67;border-radius:9px;padding:9px}.field-title,.field>span{display:block;font-weight:800;font-size:14px;margin:12px 0 7px}.choices{margin:0}.choices .person{border:1px solid #bfcee0}.choices .selected{border:2px solid #0872ef}.field input,.field select{width:100%;height:48px;border:1px solid #b8cbe1;border-radius:9px;background:#fff;padding:0 12px;color:#1f3a59}.explain{font-size:12px;color:#5a7294}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:18px 0 4px;line-height:1.4}.check input{width:18px;height:18px;flex:none}.status{font-size:13px;color:#b33}.overlay{position:fixed;inset:0;z-index:5;background:#0a2e4b99;display:grid;place-items:center;padding:20px}.success-card{max-width:340px;width:100%;background:#fff;border:2px solid #c2d7ea;border-radius:17px;padding:25px 22px;text-align:center;box-shadow:0 12px 38px #1236}.confetti{color:#edae13;font-size:32px}.confetti span{background:#27a965;display:inline-grid;place-items:center;color:#fff;font-size:39px;width:80px;height:80px;border-radius:50%;margin:0 10px}.success-card h2{font-size:24px;margin:14px 0}.success-card p{font-size:14px;color:#3c5e83}.success-card button:not(.link-button){background:#edf5ff;border:1px solid #b9d3eb;border-radius:26px;color:#005cae;font-weight:900;padding:12px 35px;margin:12px 0}.link-button{display:block;margin:auto;border:0;background:none;color:#436786}.menu{position:fixed;top:50px;right:max(10px,calc((100vw - 450px)/2));z-index:4;padding:10px;background:white;border-radius:10px;box-shadow:0 6px 20px #1235}.menu button{display:block;width:100%;border:0;background:white;padding:12px;text-align:left}.map-art{width:100%;border-radius:12px}.report-list article,#pending article{border:1px solid #d3e2ef;border-radius:12px;padding:12px;margin:12px 0}.report-list img,#pending img{max-width:100%;border-radius:8px}.report-list p{font-size:12px}.report-list button,#pending button{margin:5px;padding:8px;border:1px solid #aac8ec;border-radius:8px;background:#fff}@media(min-width:700px){#app{border-left:1px solid #cce;border-right:1px solid #cce}}@media(max-width:350px){.art-space{aspect-ratio:1/1}.intro{font-size:12px}.yellow-button{font-size:13px}.home-controls{padding:0 12px 15px}.stats small{font-size:8px}}

/* V9: recreated illustrated backdrop + genuine HTML controls; NO duplicated baked-in cards */
.home-screen {background:#27a8e9}
.home-art{display:block!important;min-height:100dvh;background-color:#24a8e8;background-image:url('assets/capa-pt.webp');background-repeat:no-repeat;background-position:center top;background-size:100% auto}
.home-top{position:relative;z-index:2;padding:10px 15px;display:flex;justify-content:space-between;height:50px}
.art-space{height:auto!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;min-height:0!important;display:block!important}
/* Artwork's land ends around 72% of its 1.793 height = 1.29 viewport widths. */
.home-controls{margin-top:calc(min(100vw, 460px) * 1.29 - 50px)!important;padding:0 17px 24px!important;background:transparent!important;position:relative;z-index:1}
.home-controls .intro{display:none!important}
.yellow-button{width:100%;min-height:59px;padding:12px 6px;background:#ffd22f;border:2px solid #132a43;border-radius:15px;color:#091c33;font-size:clamp(12px,3.8vw,18px);font-weight:1000;box-shadow:0 5px 0 #0d2a4a;white-space:normal}
.home-controls .people{margin-top:15px;gap:10px}
.home-controls .person{min-height:132px;border-radius:13px;padding:10px 4px;box-shadow:none}
.home-controls .person img{width:78px;height:78px;object-fit:contain;background:#fff5e8}
.home-controls .person b{font-size:13px}
.stats{gap:7px}.stats>div{min-height:49px;gap:3px;flex-wrap:wrap;padding:5px 2px}.stats small{font-size:10px}
.home-controls>.blue-button{display:block;width:79%;margin:15px auto 0;background:#0952a2;min-height:51px}
.home-controls .tiny{margin-top:13px;background:#cff0ffbe;color:#0a3351;padding:5px}
.lang{background:#052e60;border-radius:28px;box-shadow:0 1px 4px #06385d55}.lang-btn{font-size:12px;font-weight:750;padding:6px 11px}.lang-btn.active{background:#fff;color:#0d3562}
.hamburger{border-radius:12px;background:#082b55}
.camera-frame>img:not([src]){visibility:hidden}.camera-frame{background:#174a7e}
@media(max-width:360px){.home-controls{padding-left:12px!important;padding-right:12px!important}.stats small{font-size:9px}.home-controls .person{min-height:117px}.home-controls .person img{width:65px;height:65px}}