:root{--ink:#071b24;--panel:#0e303b;--panel2:#164451;--gold:#f6b73c;--orange:#ee7d35;--white:#f7fbfc;--muted:#b7c9ce;--ok:#53cf84;--bad:#ef6461;--radius:18px;--shadow:0 12px 28px #0005;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% -10%,#245563 0,transparent 38%),var(--ink);color:var(--white);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;gap:.7rem;padding:max(.7rem,env(safe-area-inset-top)) 1rem .7rem;background:#071b24ed;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(10px)}.topbar>div{display:grid;flex:1}.topbar strong{font-size:.92rem;letter-spacing:.07em}.topbar small{color:var(--muted)}.icon-btn{width:44px;height:44px;border-radius:50%;background:#ffffff12;color:#fff;font-size:1.5rem}.topbar #backBtn:not([hidden])+.topbar img{display:none}main{width:min(720px,100%);margin:auto;padding:1rem 1rem calc(5rem + env(safe-area-inset-bottom))}.splash{text-align:center;padding:15vh 1rem}.splash img{width:170px;filter:drop-shadow(0 18px 20px #0008);animation:pulse 1.8s infinite}.splash h1{color:var(--gold);letter-spacing:.08em}.card{background:linear-gradient(145deg,#123b47,#0b2933);border:1px solid #ffffff17;border-radius:var(--radius);padding:1.15rem;margin-bottom:1rem;box-shadow:var(--shadow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.6rem,7vw,2.4rem)}h2{font-size:1.25rem}.eyebrow{text-transform:uppercase;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.13em}.muted{color:var(--muted)}.hero{overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:190px;height:190px;border:30px solid #ffffff08;border-radius:50%;right:-100px;top:-80px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:.9rem 0}.stat{background:#ffffff0b;border-radius:13px;padding:.75rem}.stat strong{display:block;color:var(--gold);font-size:1.5rem}.progress{height:12px;background:#0006;border-radius:20px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--gold));transition:width .6s}.primary,.secondary,.danger,.success{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:.6rem;border-radius:14px;padding:.75rem 1rem;font-weight:800;margin:.55rem 0}.primary{background:linear-gradient(135deg,var(--gold),var(--orange));color:#182129;box-shadow:0 8px 20px #f6b73c33}.secondary{background:#ffffff16;color:#fff;border:1px solid #ffffff22}.danger{background:#ef646122;color:#ffb4b1;border:1px solid #ef6461}.success{background:var(--ok);color:#062615}.primary:disabled,.secondary:disabled{opacity:.45}.shield{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:330px;margin:1.2rem auto}.shield-piece{aspect-ratio:1;background:#ffffff0b;border:2px dashed #ffffff20;display:grid;place-items:center;color:#ffffff55;font-size:1.5rem;transition:.5s}.shield-piece:nth-child(1){border-radius:50% 5px 5px 5px}.shield-piece:nth-child(3){border-radius:5px 50% 5px 5px}.shield-piece:nth-child(4){border-radius:5px 5px 5px 50%}.shield-piece:nth-child(6){border-radius:5px 5px 50% 5px}.shield-piece.done{background:linear-gradient(145deg,var(--gold),var(--orange));color:var(--ink);border-style:solid;transform:scale(1.02);box-shadow:0 0 20px #f6b73c44}.shield.complete{animation:shieldComplete 1.1s}.challenge-list{display:grid;gap:.65rem}.challenge-row{display:flex;align-items:center;gap:.8rem;background:#ffffff0b;border:1px solid #ffffff15;border-radius:14px;padding:.85rem}.challenge-row .num{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:#0004;color:var(--gold);font-weight:900}.challenge-row>div{flex:1}.challenge-row strong,.challenge-row small{display:block}.challenge-row small{color:var(--muted)}.challenge-row.completed{border-color:#53cf8466}.challenge-row.found{border-color:#f6b73c66}form label{display:block;margin:1rem 0 .4rem;font-weight:700}input,textarea,select{width:100%;padding:.9rem;border-radius:12px;border:1px solid #ffffff2b;background:#06171e;color:#fff;min-height:50px}textarea{min-height:100px}.form-error{color:#ffaaa6}.camera{position:relative;background:#000;border-radius:18px;overflow:hidden;aspect-ratio:3/4;max-height:65vh}.camera video,.camera canvas{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:20%;border:4px solid var(--gold);border-radius:20px;box-shadow:0 0 0 100vmax #0006}.phase-media{width:100%;border-radius:14px;max-height:45vh;object-fit:contain;background:#06171e}.choices{display:grid;gap:.6rem}.choice{display:flex;align-items:center;gap:.7rem;text-align:left;background:#ffffff0d;color:#fff;padding:1rem;border-radius:12px;border:2px solid transparent}.choice.selected{border-color:var(--gold);background:#f6b73c17}.choice input{width:22px;min-height:auto}.timer{text-align:center;font-size:clamp(3.5rem,20vw,7rem);font-variant-numeric:tabular-nums;color:var(--gold);font-weight:900}.pin-dots{letter-spacing:.45em;text-align:center;font-size:1.5rem}.notice{padding:.8rem;border-left:4px solid var(--gold);background:#f6b73c12;border-radius:4px 12px 12px 4px}.notice.ok{border-color:var(--ok)}.notice.bad{border-color:var(--bad)}.diagnostic{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #ffffff18}.badge{border-radius:20px;padding:.25rem .55rem;background:#ffffff12;font-weight:800;font-size:.8rem}.badge.ok{color:var(--ok)}.badge.bad{color:#ffaaa6}.final{text-align:center;border:2px solid var(--gold)}.final img{width:100%;border-radius:14px}.final-code{font-size:1.35rem;color:var(--gold);font-weight:900;word-break:break-all}dialog{width:min(92vw,420px);border:1px solid #ffffff22;border-radius:20px;background:#0b2933;color:white;padding:1.2rem;box-shadow:var(--shadow)}dialog::backdrop{background:#000b}.dialog-close{float:right;background:transparent;color:#fff;font-size:2rem}.dialog-close+*{clear:both}dialog nav{display:grid;gap:.5rem}dialog nav button{background:#ffffff0d;color:#fff;border-radius:12px;text-align:left;padding:1rem}.toast{position:fixed;z-index:100;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));transform:translate(-50%,150%);width:min(90%,500px);background:#fff;color:#071b24;border-radius:13px;padding:1rem;font-weight:800;box-shadow:var(--shadow);transition:.25s}.toast.show{transform:translate(-50%,0)}.confetti{position:fixed;z-index:99;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-20px;width:12px;height:20px;background:var(--gold);animation:fall 1.6s linear forwards}@keyframes pulse{50%{transform:scale(1.04)}}@keyframes shieldComplete{40%{transform:scale(1.08);filter:drop-shadow(0 0 25px var(--gold))}}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@media(min-width:650px){.challenge-list{grid-template-columns:1fr 1fr}.hero{padding:1.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}