:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#f2f5ed;--muted:#a9c0c0;--deep:#061721;--panel:#0b2734;--sea:#0f5262;--line:#74d8d2;--signal:#f3c779;--miss:#ec897d;}*{box-sizing:border-box;}html{min-width:320px;background:var(--deep);}body{min-height:100svh;margin:0;color:var(--ink);background:radial-gradient(circle at 80% 10%,#174a59 0,transparent 32rem),linear-gradient(160deg,#071d2b,#06151e 70%);}button,a{font:inherit;}button{color:inherit;}a{color:var(--line);text-underline-offset:.22em;}.topbar,main{width:min(100% - 32px,700px);margin-inline:auto;}.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;}.topbar a{min-height:44px;display:inline-flex;align-items:center;}main{padding:10px 0 44px;}.title-block{margin:10px 0 22px;}.kicker{margin:0 0 7px;color:var(--signal);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;}h1,h2{margin:0;line-height:.91;letter-spacing:-.055em;}h1{max-width:8ch;font-size:clamp(3.4rem,17vw,6.5rem);}h2{font-size:clamp(2rem,10vw,3.6rem);}.intro{max-width:44ch;margin:15px 0 0;color:var(--muted);line-height:1.5;}.launch-card,.game-panel,.result-card{border:1px solid #397481;border-radius:20px;padding:clamp(14px,4vw,24px);background:#0b2734f0;box-shadow:0 24px 60px #0006;}.launch-copy,.practice-copy{color:var(--muted);font-size:.9rem;line-height:1.52;}.practice-panel{margin-top:18px;}.practice-horizon{min-height:190px;}.practice-signal{left:30%;}#practice-reveal{left:50%;}.score-line{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.score-line p{margin:0 0 13px;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;}.score-line p:nth-child(2){text-align:center;}.score-line p:last-child{text-align:right;}.score-line strong{display:block;margin-top:2px;color:var(--ink);font-size:1rem;}.horizon{position:relative;min-height:238px;overflow:hidden;border:1px solid #67a6aa;border-radius:14px;background:linear-gradient(#163e4d 0 46%,#0e5667 46% 55%,#082f3e 55%);isolation:isolate;}.sectors{position:absolute;z-index:4;inset:0;display:grid;grid-template-columns:repeat(5,1fr);outline:0;}.sectors button{position:relative;min-width:0;min-height:44px;padding:0;border:0;border-right:1px dashed #c7e1dc44;background:transparent;cursor:pointer;}.sectors button:last-child{border-right:0;}.sectors button::before{content:"";position:absolute;inset:0;background:transparent;transition:background .14s ease;}.sectors button span{position:absolute;z-index:1;left:50%;bottom:10px;display:grid;width:30px;height:30px;place-items:center;border:1px solid #b5d8d3aa;border-radius:50%;color:#dcebe7;background:#071d2bcc;transform:translateX(-50%);}.sectors button.selected::before{background:#74d8d217;}.sectors button.committed::before{background:#f3c77928;}.sectors button.committed span{border-color:var(--signal);color:var(--deep);background:var(--signal);}.sectors button.answer::before{background:#74d8d23d;}.sectors button.answer span{border-color:var(--line);color:var(--deep);background:var(--line);}.sectors button.wrong span{border-color:var(--miss);color:var(--ink);background:#8c3938;}.sectors:focus-visible{box-shadow:inset 0 0 0 3px var(--signal);}.signal,.reveal{position:absolute;z-index:3;pointer-events:none;}.signal{top:28%;}.plume{position:absolute;left:0;bottom:0;width:16px;height:50px;transform:translateX(-50%);}.plume i{position:absolute;bottom:0;left:5px;width:7px;height:31px;border-radius:50% 50% 35% 35%;background:#ecf4e9;transform:rotate(-5deg);box-shadow:0 0 10px #e9f3e7aa;}.wake{position:absolute;top:2px;color:var(--signal);font-size:1.8rem;font-weight:900;letter-spacing:-.12em;text-shadow:0 0 9px #f3c779aa;white-space:nowrap;}.wake[data-direction="right"]{left:12px;}.wake[data-direction="left"]{right:12px;}.reveal{top:49%;transform:translate(-50%,-50%);width:70px;height:34px;}.reveal i{position:absolute;inset:6px 9px auto;height:24px;border-top:6px solid var(--line);border-radius:50%;filter:drop-shadow(0 0 7px #74d8d288);}.status{min-height:2.8em;margin:15px 0 6px;color:var(--signal);font-weight:750;line-height:1.4;}.instructions,.safe-note,.pause-note,.result-card>p{color:var(--muted);font-size:.86rem;line-height:1.52;}.safe-note{margin-bottom:0;padding-top:11px;border-top:1px solid #38616b;}kbd{padding:1px 5px;border:1px solid #71949a;border-radius:4px;color:var(--ink);background:#061721;box-shadow:0 1px #71949a;}.pause-note{color:var(--signal);font-weight:800;}.result-card:focus{outline:0;}.trace{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:0;margin:20px 0;list-style:none;}.trace li{display:grid;place-items:center;min-width:0;padding:8px 2px;border:1px solid #527780;border-radius:9px;background:#071d2b;}.trace li.hit{border-color:var(--line);}.trace li.miss{border-color:var(--miss);}.trace span{font-size:1.2rem;font-weight:850;}.trace small{color:var(--muted);font-size:.59rem;}.result-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;}.result-card dl div{padding:5px 10px;border-left:1px solid #426b74;}.result-card dl div:first-child{border-left:0;padding-left:0;}.result-card dt{color:var(--muted);font-size:.68rem;text-transform:uppercase;}.result-card dd{margin:3px 0 0;font-size:1.3rem;font-weight:850;}.action{display:block;width:100%;min-height:48px;margin-top:10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;cursor:pointer;font-weight:800;}.action.share{border-color:var(--signal);color:#071d2b;background:var(--signal);}.action:disabled{opacity:.5;cursor:not-allowed;}.action:focus-visible,.topbar a:focus-visible,.more-games a:focus-visible{outline:3px solid var(--signal);outline-offset:3px;}.share-status{min-height:1.5em;text-align:center;}.more-games{margin-top:26px;padding:18px 0;border-top:1px solid #31545e;}.more-games p{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;}.more-games a{display:inline-flex;min-height:44px;align-items:center;margin-right:18px;}[hidden]{display:none !important;}body[data-motion="full"] .plume,body[data-motion="full"] .wake,body[data-motion="full"] .reveal{animation:appear .4s ease-out both;}@keyframes appear{from{opacity:0;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition:none !important;animation:none !important;}}