:root{--void:#0a0712;--paper:#f2efe4;--muted:#80798d;--line:rgba(242,239,228,.15);--orange:#ff6542;--acid:#d9ff70;--violet:#9b74ff}
*{box-sizing:border-box} [hidden]{display:none!important} html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--void);color:var(--paper);font-family:Manrope,sans-serif} button,a{-webkit-tap-highlight-color:transparent} button{font:inherit} #game{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.grain{position:fixed;z-index:2;inset:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.topbar{position:fixed;z-index:10;top:0;left:0;width:100%;height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(10,7,18,.62);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:11px;width:max-content;color:inherit;text-decoration:none}.brand-mark{position:relative;width:35px;height:35px;border:1px solid var(--paper);border-radius:50%}.brand-mark:after{content:"";position:absolute;top:15px;right:-4px;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 16px var(--orange)}.brand-mark i{position:absolute;inset:7px;border:1px solid rgba(217,255,112,.45);border-radius:50%}.brand b,.brand small{display:block}.brand b{font:600 10px/1 DM Mono,monospace;letter-spacing:.18em}.brand small{margin-top:5px;color:var(--muted);font:300 6px/1 DM Mono,monospace;letter-spacing:.12em}.sector{text-align:center}.sector span,.panel>span,.panel small,.sound,.card>span,.coordinates span,.coordinates small,footer,.eyebrow{font:400 7px/1 DM Mono,monospace;letter-spacing:.16em}.sector span{color:var(--muted)}.sector strong{display:block;margin-top:6px;font:500 11px/1 DM Mono,monospace}.sound{justify-self:end;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);cursor:pointer}.sound i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid)}.sound.is-muted i{background:var(--orange);box-shadow:none}
.panel{position:fixed;z-index:8}.panel>span{display:block;margin-bottom:8px;color:var(--muted)}.score{top:106px;left:24px}.score strong{display:block;font:italic 500 23px/1 DM Mono,monospace}.score small{display:block;margin-top:9px;color:var(--muted);letter-spacing:.05em}.score small b{color:var(--paper)}.relay{top:106px;left:50%;width:130px;transform:translateX(-50%);text-align:center}.relay strong{font:500 22px/1 DM Mono,monospace}.relay strong i{margin:0 9px;color:var(--muted);font-style:normal}.relay strong b:first-child{color:var(--acid)}.relay-bar{height:1px;margin-top:13px;background:var(--line)}.relay-bar i{display:block;width:0;height:100%;background:var(--acid);box-shadow:0 0 12px var(--acid);transition:width .35s}.signal{top:106px;right:24px;text-align:right}.signal div{display:flex;gap:7px;justify-content:flex-end}.signal i{width:17px;height:17px;border:1px solid var(--orange);border-radius:50%;transition:.3s}.signal i.is-spent{border-color:var(--muted);opacity:.25;transform:scale(.7)}.streak{bottom:48px;left:24px}.streak strong{color:var(--orange);font:italic 500 25px/1 DM Mono,monospace}.streak.is-hot strong{color:var(--acid);text-shadow:0 0 18px rgba(217,255,112,.5)}.prompt{position:fixed;z-index:8;bottom:48px;left:50%;padding:9px 13px;transform:translateX(-50%);border:1px solid rgba(217,255,112,.25);color:var(--acid);background:rgba(10,7,18,.6);font:400 8px/1 DM Mono,monospace;letter-spacing:.14em;animation:blink 1.4s infinite}@keyframes blink{50%{opacity:.42}}
.intro{position:fixed;z-index:30;inset:0;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10vw;padding:12vh 10vw;background:radial-gradient(circle at 20% 25%,rgba(155,116,255,.12),transparent 31%),radial-gradient(circle at 75% 72%,rgba(255,101,66,.09),transparent 26%),rgba(10,7,18,.96);visibility:hidden;opacity:0;transition:opacity .5s,visibility .5s}.intro.is-visible{visibility:visible;opacity:1}.hero-copy{max-width:620px}.eyebrow{color:var(--acid)}.hero-copy h1,.hero-copy h2{margin:28px 0 24px;font-size:clamp(76px,10vw,146px);line-height:.71;letter-spacing:-.075em}.hero-copy h1 em,.hero-copy h2 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--orange)}.hero-copy p{max-width:470px;color:#aaa3b4;font-size:12px;line-height:1.75}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:350px;margin-top:30px;padding:19px 20px;border:0;background:var(--acid);color:#100d17;font:600 9px/1 DM Mono,monospace;letter-spacing:.14em;cursor:pointer;transition:transform .15s,background .15s}.primary:hover{transform:translateY(-2px);background:#e5ff96}.primary span{font-size:15px}.brief{display:grid;gap:0;border-top:1px solid var(--line)}.rule{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:19px 0;border-bottom:1px solid var(--line)}.rule>span{color:var(--orange);font:400 8px DM Mono,monospace}.rule b,.rule small{display:block}.rule b{font:600 10px DM Mono,monospace;letter-spacing:.12em}.rule small{margin-top:5px;color:var(--muted);font:300 7px DM Mono,monospace;letter-spacing:.1em}.diagram{position:relative;height:170px;overflow:hidden}.diagram i{position:absolute;border:1px solid var(--line);border-radius:50%}.diagram i:nth-child(1){width:110px;height:110px;left:15px;top:30px}.diagram i:nth-child(2){width:25px;height:25px;left:57px;top:72px;background:var(--violet);box-shadow:0 0 30px var(--violet)}.diagram i:nth-child(3){width:11px;height:11px;right:38px;top:36px;background:var(--acid);box-shadow:0 0 20px var(--acid)}.diagram b{position:absolute;left:86px;top:55px;width:calc(100% - 130px);border-top:1px dashed var(--orange);transform:rotate(-8deg);transform-origin:left}
.card{position:fixed;z-index:25;top:50%;left:50%;width:min(410px,88vw);padding:35px;transform:translate(-50%,-50%) scale(.94);visibility:hidden;opacity:0;text-align:center;border:1px solid var(--line);background:rgba(10,7,18,.92);backdrop-filter:blur(14px);transition:.2s}.card.is-visible{visibility:visible;opacity:1;transform:translate(-50%,-50%) scale(1)}.card>span{color:var(--acid)}.card h2{margin:20px 0;font-size:47px;line-height:.78;letter-spacing:-.055em}.card p{color:var(--muted);font-size:11px;line-height:1.6}.card .primary{margin:24px auto 0}.end{grid-template-columns:1fr .65fr}.end h2{font-size:clamp(70px,9vw,128px)}.coordinates{display:grid;gap:20px;padding:35px;border:1px solid var(--line)}.coordinates span{color:var(--orange)}.coordinates b{font:300 22px DM Mono,monospace}.coordinates small{color:var(--muted)}.pause h2{margin-bottom:12px}footer{position:fixed;z-index:8;bottom:13px;left:14px;right:14px;display:flex;justify-content:space-between;color:rgba(242,239,228,.28);font-size:6px}
@media(max-width:760px){.topbar{height:64px;padding:0 15px}.brand small,.sound span{display:none}.score,.signal{top:86px}.score{left:15px}.signal{right:15px}.relay{top:86px}.intro{grid-template-columns:1fr;padding:11vh 8vw;gap:30px;overflow:auto}.hero-copy h1,.hero-copy h2{font-size:70px}.brief{display:none}.end{grid-template-columns:1fr}.coordinates{display:none}.streak{left:15px}.prompt{bottom:72px}.score strong{font-size:18px}.panel>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.prompt{animation:none}.intro,.card{transition:none}}