:root{color-scheme:light dark;--font-display: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-text: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--dur: .2s;--ease: cubic-bezier(.22, 1, .36, 1);--bg: #e9edf4;--surface: #ffffff;--panel: #f3f6fb;--text: #0c1420;--muted: #55627a;--accent: hsl(190 88% 36%);--accent-2: hsl(160 70% 38%);--threat: hsl(14 82% 48%);--accent-contrast: #ffffff;--gold: hsl(42 92% 45%);--border: #d5dded;--shadow: 0 2px 8px rgba(16,24,40,.08);--shadow-lg: 0 18px 48px rgba(16,24,40,.18)}@media (prefers-color-scheme: dark){:root{--bg: #0a0e16;--surface: #121c2e;--panel: #0f1626;--text: #eaf1fb;--muted: #8c9ab6;--accent: hsl(186 84% 62%);--accent-2: hsl(158 70% 58%);--threat: hsl(14 90% 62%);--accent-contrast: #061019;--gold: hsl(44 96% 66%);--border: #24314c;--shadow: 0 2px 10px rgba(0,0,0,.45);--shadow-lg: 0 22px 56px rgba(0,0,0,.6)}}.mission__dock,.hud,.bar,.debrief,.failed{--bg: #0a0e16;--surface: #121c2e;--panel: #0f1626;--text: #eaf1fb;--muted: #8c9ab6;--accent: hsl(186 84% 62%);--accent-2: hsl(158 70% 58%);--threat: hsl(14 90% 62%);--accent-contrast: #061019;--gold: hsl(44 96% 66%);--border: #24314c;--shadow: 0 2px 10px rgba(0,0,0,.45);--shadow-lg: 0 22px 56px rgba(0,0,0,.6);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.btn{--pad-y: .7rem;--pad-x: 1.1rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:var(--pad-y) var(--pad-x);font:600 .98rem/1 var(--font-text);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),opacity var(--dur) var(--ease);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn--primary{background:var(--accent);color:var(--accent-contrast);border-color:transparent;box-shadow:0 6px 18px -6px color-mix(in oklab,var(--accent) 70%,transparent);font-weight:700;letter-spacing:.01em}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{border-color:var(--accent)}.btn--chip{min-height:40px;padding:.5rem .85rem;font-size:.86rem;background:color-mix(in oklab,var(--surface) 88%,transparent);border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn--link{background:none;border:none;color:var(--muted);text-decoration:underline;min-height:40px}.btn--link:hover{color:var(--accent)}.btn--lg{min-height:52px;padding:.9rem 1.6rem;font-size:1.06rem}.btn--execute{flex:1;min-height:52px;font-size:1.08rem;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);font-weight:700}.eyebrow{font:600 .78rem/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.home{position:relative;min-height:100dvh;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:clamp(1.25rem,5vw,3rem)}.home__glow{position:absolute;inset:-20% -10% auto;height:70vh;z-index:0;pointer-events:none;background:radial-gradient(50% 55% at 30% 15%,color-mix(in oklab,var(--accent) 26%,transparent),transparent 70%),radial-gradient(45% 50% at 78% 8%,color-mix(in oklab,var(--threat) 18%,transparent),transparent 70%);filter:blur(14px)}.home__inner{position:relative;z-index:1;margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);max-width:640px;padding-top:clamp(2rem,8vh,5rem)}.home__title{margin:0;font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,12vw,6rem);line-height:.98;letter-spacing:-.03em;background:linear-gradient(180deg,var(--text),color-mix(in oklab,var(--text) 55%,var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.home__lede{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:clamp(1rem,3.5vw,1.35rem);letter-spacing:.04em}.home__shared{margin:0;padding:.6rem 1rem;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent) 40%,transparent);color:var(--text);font-size:.95rem}.home__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.home__hint{margin:0;color:var(--muted);max-width:42ch;line-height:1.6}.bests{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);width:100%;max-width:460px}.bests li{display:flex;flex-direction:column;gap:4px;padding:.8rem .6rem;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.bests__k{font:600 .7rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.bests__v{font:700 1.5rem/1 var(--font-mono);color:var(--text)}.bests__v small{font-size:.65rem;color:var(--muted);font-weight:500;margin-left:4px}.home__prose{position:relative;z-index:1;max-width:640px;margin-top:clamp(2rem,8vh,4rem);color:var(--muted);line-height:1.7}.home__prose h2{color:var(--text);font-size:1.3rem;margin-bottom:var(--space-3)}.home__ad{margin-top:var(--space-6);min-height:0}.rank--S{color:var(--gold)}.rank--A{color:var(--accent)}.rank--B{color:var(--accent-2)}.rank--C,.rank--none{color:var(--muted)}.mission{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e16;overflow:hidden;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0)}.board-wrap{position:relative;flex:0 0 auto;align-self:center;width:min(100vw,calc((100dvh - 258px) * 13 / 11));aspect-ratio:13 / 11}#game-container{position:absolute;top:0;right:0;bottom:0;left:0}#game-container canvas{display:block;touch-action:none}.mission__dock{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#060a1200,#0b1120 20%);border-top:1px solid #182338}.dock__top{display:flex;flex-direction:column}.hud{padding:.5rem .6rem .2rem;display:flex;flex-direction:column;gap:.35rem;align-items:center}.hud__row{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .6rem;border-radius:var(--radius-pill);background:#121c2ee6;border:1px solid #24314c;font:600 .82rem/1 var(--font-mono);color:#eaf1fb}.chip b{color:#8c9ab6;font-weight:600;font-size:.68rem;letter-spacing:.06em}.chip--hp .hp{display:inline-flex;gap:3px}.hp i{width:9px;height:9px;border-radius:50%;display:inline-block}.hp__on{background:#4ddfef;box-shadow:0 0 6px #4ddfef}.hp__off{background:transparent;border:1px solid #3a4a68}.hud__prompt{margin:0;padding:.28rem .7rem;border-radius:var(--radius-pill);background:#0a0e16b3;font:500 .8rem/1.2 var(--font-text);color:#b7c3db;text-align:center;max-width:92vw}.hud__note{margin:0;padding:.28rem .7rem;border-radius:var(--radius-pill);background:#3a260ed1;font:600 .8rem/1.2 var(--font-text);color:#ffcf8f;text-align:center;max-width:92vw}.bar{padding:.5rem .6rem max(.6rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.bar__secondary{display:flex;gap:.4rem;justify-content:center}.bar__secondary .btn{flex:1;max-width:130px}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem .6rem;padding:.35rem .7rem .15rem;align-content:flex-start}.legend__item{display:inline-flex;align-items:center;gap:.34rem;white-space:nowrap;font:500 .72rem/1 var(--font-mono);color:var(--muted);letter-spacing:.01em}.legend__sw{width:17px;height:17px;flex:0 0 auto}.legend__sw svg{display:block;width:100%;height:100%}.brief{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.5rem 1rem;text-align:center}.brief__eyebrow{font:600 .68rem/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.brief__name{font:700 1.15rem/1.1 var(--font-display);color:var(--text);letter-spacing:.01em}.brief__task{font:500 .82rem/1.3 var(--font-text);color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#060a12b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade var(--dur) var(--ease)}.overlay--out{opacity:0}.overlay__card{width:100%;max-width:380px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-3)}.overlay__card h2{margin:0;font-size:1.35rem}.overlay__steps{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.5rem;color:var(--muted);line-height:1.5}.overlay__steps b{color:var(--text)}.overlay__note{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.debrief,.failed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,#0f1626,#0a0e16);display:flex;flex-direction:column;align-items:center}.debrief__scroll{width:100%;max-width:460px;padding:clamp(1rem,4vh,2rem) 1rem 2rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin:auto 0}.debrief__secured{margin:0;font:600 .82rem/1 var(--font-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-2);animation:rise .4s var(--ease) both}.card{width:100%;display:flex;justify-content:center;animation:rise .5s var(--ease) both}.card__canvas{width:100%;max-width:360px;height:auto;border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.debrief__streak{margin:0;color:#b7c3db;font-family:var(--font-mono);font-size:.95rem}.debrief__streak b{color:var(--accent)}.debrief__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;width:100%}.debrief__actions .btn{flex:1;min-width:150px}.share__toast{min-height:1.2em;color:var(--accent-2);font-size:.85rem;font-family:var(--font-mono)}.debrief__ad{width:100%;margin-top:var(--space-4)}.failed__card{margin:auto;max-width:380px;text-align:center;padding:2rem 1.25rem;display:flex;flex-direction:column;gap:var(--space-3);align-items:center;animation:rise .4s var(--ease) both}.failed__tag{margin:0;font:600 .8rem/1 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--threat)}.failed__card h2{margin:0;font-size:2rem;color:var(--text)}.failed__note{margin:0;color:var(--muted);line-height:1.6}.failed__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,3rem) 1.25rem 4rem;line-height:1.7;color:var(--text)}.legal h1{font-size:clamp(1.6rem,5vw,2.2rem);margin:0 0 var(--space-4)}.legal h2{font-size:1.2rem;margin:var(--space-6) 0 var(--space-2);color:var(--text)}.legal p,.legal li{color:var(--muted)}.legal a{color:var(--accent)}.legal ol,.legal ul{padding-left:1.3rem;display:flex;flex-direction:column;gap:.35rem}.legal__back{display:inline-block;margin-bottom:var(--space-4);color:var(--muted);text-decoration:none;font-family:var(--font-mono);font-size:.85rem}.legal__back:hover{color:var(--accent)}.sitefoot{position:relative;z-index:1;margin-top:auto;padding:var(--space-6) var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;align-items:center;color:var(--muted);font-size:.85rem;border-top:1px solid var(--border);width:100%}.sitefoot a{color:var(--muted);text-decoration:none}.sitefoot a:hover{color:var(--accent)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.btn:hover,.btn:active{transform:none}}@media (orientation: landscape) and (max-height: 560px),(orientation: landscape) and (min-width: 760px){.mission{flex-direction:row}.board-wrap{width:auto;height:100%;align-self:center;aspect-ratio:13 / 11;max-width:68vw}.mission__dock{flex:1 1 auto;min-height:0;overflow-y:auto;justify-content:flex-start;border-top:none;border-left:1px solid #182338;background:linear-gradient(90deg,#060a1200,#0b1120 20%)}.hud{padding:.4rem .5rem .15rem}.hud__prompt,.hud__note{max-width:none}.legend{justify-content:flex-start;padding:.3rem .5rem}.bar{margin-top:auto}}