@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;font-family:Barlow Condensed,system-ui,sans-serif;background:#0b111c;color:#e7eef4;--cyan:#91e6e2;--amber:#ffc777;--red:#ff7c8e;--ink:#0b111c;--panel:rgba(11,17,28,.78)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b111c}button,input{font:inherit}button{border:0;cursor:pointer;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;background:linear-gradient(#0a1325,#152031)}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,rgba(3,5,12,.72) 100%);z-index:1}#hud,#objective-card,#threat-card,#interaction,#toast,#viewfinder,#touch-controls{position:fixed;z-index:4}#hud{inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:linear-gradient(rgba(5,10,18,.78),transparent);pointer-events:none}#hud button{pointer-events:auto;background:#0c1420a3;border:1px solid #2d4454;padding:8px 12px;letter-spacing:.12em;font-size:12px;color:#c4d5dd;margin-left:7px}#hud button:hover{color:var(--cyan);border-color:var(--cyan)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.2em;font-size:16px;font-weight:600}.brand b{font-size:22px;color:var(--cyan);letter-spacing:0}.brand small{display:block;color:#79909e;font:10px Space Mono,monospace;letter-spacing:.06em;margin-top:3px}#objective-card{top:93px;left:28px;width:min(380px,calc(100vw - 56px));padding:18px 20px;background:linear-gradient(90deg,#0a121de6,#0a121d59);border-left:2px solid var(--amber)}.eyebrow{font:10px Space Mono,monospace;letter-spacing:.14em;color:var(--amber)}h1,h2{font-weight:500;letter-spacing:.02em;margin:8px 0}h1{font-size:30px;line-height:1.04}h2{font-size:34px}#objective-card p{font-size:16px;color:#a9bbc4;margin:8px 0 15px}.progress{display:flex;justify-content:space-between;color:var(--cyan);font:10px Space Mono,monospace;letter-spacing:.06em}#threat-card{top:94px;right:28px;width:210px;padding:12px 14px;background:#1d0b19c2;border:1px solid rgba(255,124,142,.3);font:10px Space Mono,monospace;color:#ff9eaa}.meter{height:6px;background:#271c2b;margin:10px 0 8px}.meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffc777,#ff5879);transition:width .2s}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at center,#101e2f8a,#03070ee8)}.title-card{max-width:600px;text-align:left}.title-card h1{font-size:clamp(72px,15vw,150px);line-height:.75;letter-spacing:.03em;margin:24px 0 30px;color:#eef7f3;text-shadow:5px 8px 0 rgba(42,93,109,.3)}.title-card h1 em{font-style:normal;color:var(--cyan)}.title-card p{font-size:20px;line-height:1.35;color:#b8cbd0;max-width:500px}.controls{display:flex;flex-wrap:wrap;gap:8px 18px;margin:28px 0;color:#819aa6;font:10px Space Mono,monospace;letter-spacing:.05em}.controls b{color:#e8f0e9;padding:3px 5px;background:#1d3340;margin-right:5px}.primary,.secondary{padding:13px 19px;letter-spacing:.14em;font-size:12px;margin:10px 8px 0 0}.primary{background:var(--cyan);color:#07131b}.primary:hover{background:#d1ffef}.secondary{background:transparent;border:1px solid #506472;color:#aebfc6}.modal-card{width:min(510px,100%);padding:32px;background:#0c1621eb;border:1px solid #2c4b58;box-shadow:0 18px 60px #0008}.modal-card p{color:#a9bbc4;font-size:17px}.modal-card label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;color:#c4d5dd}.modal-card input[type=range]{width:180px;accent-color:var(--cyan)}.modal-card .check{justify-content:flex-start}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.photo-card{background:#1c2730;border:1px solid #344a54;padding:7px}.photo-card canvas{width:100%;aspect-ratio:1;display:block;background:#121b27}.photo-card span{display:block;font:9px Space Mono,monospace;color:var(--cyan);margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.album-card #album-empty{color:#819aa6;font-size:15px}#interaction{left:50%;bottom:20%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#080f17d1;border:1px solid #4b6b73;padding:9px 14px;font-size:16px}kbd{font:11px Space Mono,monospace;color:#07131b;background:var(--cyan);padding:4px 7px}#toast{left:50%;top:24%;transform:translate(-50%);padding:11px 18px;background:#070e17e6;border-bottom:2px solid var(--amber);font-size:16px}#viewfinder{inset:18%;border:1px solid rgba(222,255,246,.7);pointer-events:none}#viewfinder i{position:absolute;width:25px;height:25px;border-color:#eafff7;border-style:solid}#viewfinder i:nth-child(1){left:-1px;top:-1px;border-width:2px 0 0 2px}#viewfinder i:nth-child(2){right:-1px;top:-1px;border-width:2px 2px 0 0}#viewfinder i:nth-child(3){left:-1px;bottom:-1px;border-width:0 0 2px 2px}#viewfinder i:nth-child(4){right:-1px;bottom:-1px;border-width:0 2px 2px 0}#viewfinder b{position:absolute;left:50%;bottom:12px;transform:translate(-50%);font:10px Space Mono,monospace;color:var(--cyan);letter-spacing:.12em}#touch-controls{inset:auto 18px 20px;display:none;justify-content:space-between;align-items:end;pointer-events:none}.dpad{width:148px;height:148px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:4px}.dpad button,.touch-actions button{pointer-events:auto;background:#142937cc;border:1px solid #5d8791;color:var(--cyan);font-size:19px}.dpad button:nth-child(1){grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:3/2}.dpad button:nth-child(4){grid-area:2/3}.touch-actions{display:flex;gap:8px}.touch-actions button{width:58px;height:58px;border-radius:50%}@media(pointer:coarse){#touch-controls:not([hidden]){display:flex}}@media(max-width:650px){#hud{padding:13px 15px}.brand{font-size:13px}.brand b{font-size:18px}.hud-actions button{font-size:10px;padding:7px 8px;margin-left:3px}#objective-card{top:76px;left:15px;width:calc(100vw - 30px)}#threat-card{top:76px;right:15px;width:160px}.title-card h1{font-size:90px}.title-card p{font-size:18px}.modal-card{padding:24px}.album-grid{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.touch-actions button{display:grid;place-content:center;gap:1px}.touch-actions button span{font:700 17px Space Mono,monospace}.touch-actions button small{font:7px Space Mono,monospace;letter-spacing:.06em}.compact-label{display:none}@media(max-width:650px){html,body,#app{overflow-x:clip}#hud{display:grid;grid-template-columns:minmax(76px,.72fr) minmax(0,2fr);align-items:center;gap:6px;min-height:60px;padding:8px 10px;background:linear-gradient(#050a12e0,#050a1233)}.hud-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.brand{min-width:0;font-size:12px;gap:6px}.brand b{font-size:17px}.brand small{max-width:100%;overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.hud-actions button{min-width:0;height:44px;min-height:44px;margin:0;padding:4px 2px;overflow:hidden;font-size:8px;letter-spacing:.02em;line-height:1;text-overflow:clip;white-space:nowrap}.hud-actions .wide-label{display:none}.hud-actions .compact-label{display:inline}#objective-card{top:auto;right:12px;bottom:max(164px,calc(env(safe-area-inset-bottom) + 160px));left:12px;width:auto;max-height:min(164px,26dvh);padding:12px 14px;overflow-y:auto;overscroll-behavior:contain}#objective-card .eyebrow{font-size:8px}#objective-card h2{margin:5px 0;font-size:22px;line-height:.98}#objective-card p{margin:5px 0 9px;font-size:13px;line-height:1.18}.progress{font-size:8px}#threat-card{top:70px;right:10px;width:142px;padding:8px 10px;font-size:8px}#threat-card small{display:none}#threat-card .meter{height:4px;margin:6px 0 0}#toast{top:auto;right:12px;bottom:max(324px,calc(env(safe-area-inset-bottom) + 320px));left:12px;width:auto;max-width:none;padding:9px 12px;transform:none;font-size:13px;line-height:1.15;white-space:normal;text-align:center}#interaction:not([hidden])~#toast{bottom:max(378px,calc(env(safe-area-inset-bottom) + 374px))}#interaction{right:12px;bottom:max(324px,calc(env(safe-area-inset-bottom) + 320px));left:12px;width:auto;max-width:none;min-height:44px;padding:8px 12px;transform:none;justify-content:center;font-size:13px;line-height:1.1;text-align:center}#viewfinder{inset:82px 16px 316px}#touch-controls{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;gap:8px}.dpad{width:138px;height:138px;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:3px}.dpad button,.touch-actions button{min-width:44px;min-height:44px}.touch-actions{gap:10px}.touch-actions button{width:60px;height:60px}.touch-actions button span{font-size:16px}.touch-actions button small{font-size:6px}.screen{padding:12px;overflow-y:auto}.title-card{width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}.title-card h1{font-size:clamp(64px,18vw,100px)}.title-card p{font-size:16px}.modal-card{width:100%;max-height:calc(100dvh - 24px);padding:20px;overflow-y:auto;overscroll-behavior:contain}.modal-card h2{font-size:30px}.modal-card label{min-height:48px;margin:12px 0;gap:12px;font-size:15px}.modal-card input[type=range]{flex:1;width:auto;min-width:0}.primary,.secondary{display:block;width:100%;min-height:48px;margin:10px 0 0;padding:12px 16px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}@media(min-width:651px){.screen,.modal-card{overflow-y:auto}}@media(min-width:651px)and (pointer:fine){#objective-card,#threat-card{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}.title-card,.modal-card{max-height:calc(100dvh - 48px)}.album-card{background:#0c1621f5}}[hidden]{display:none!important}.photo-card img{width:100%;aspect-ratio:1;display:block;object-fit:cover;background:#121b27}#game-canvas{touch-action:none}@media(max-width:650px){.hud-actions button{letter-spacing:.02em;white-space:nowrap}}