:root{color-scheme:dark;--mint:#8cf3cd;--amber:#ffd68b;--paper:#efe8d5;--muted:#a7b6af;--ink:#111d22}*{box-sizing:border-box}body{margin:0;color:var(--paper);font-family:system-ui,sans-serif;background:repeating-linear-gradient(93deg,#ffffff02 0 1px,transparent 1px 9px),linear-gradient(110deg,#28180f,#130d0c 55%,#302017);min-height:100vh}a{color:inherit;text-decoration:none}button,summary{cursor:pointer}button{font:inherit;color:inherit;border:1px solid #687770;background:#24322f;border-radius:5px;padding:10px 13px;min-height:44px;transition:background .15s}button:hover:not(:disabled){background:#3c5147}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.game-nav{max-width:1220px;margin:20px auto;padding:10px 16px;background:linear-gradient(#4b2b19,#25130c);border:1px solid #775330;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 6px 0 #100807}.game-nav>a,.game-nav>div{display:flex;align-items:center;gap:14px}.game-nav>a span{display:grid;place-items:center;width:35px;height:32px;background:#d69d47;color:#26140b;font:900 12px monospace;border:1px solid #ffe1a6}.game-nav strong{font-family:Georgia,serif}.game-nav button{font-size:12px;background:#241b16;border-color:#755435}.game-nav div a{font-size:13px}main{max-width:1220px;margin:auto;padding:15px 0 25px}.masthead{display:flex;justify-content:space-between;align-items:end;margin:20px 0 26px;gap:20px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--amber);line-height:1.6}h1{font:clamp(40px,5vw,70px)/1 Georgia,serif;letter-spacing:-.04em;margin:10px 0}h1 em{font-weight:normal;color:var(--mint)}.intro{color:#c0b8a8;line-height:1.7;font-size:15px}.instrument{background:#29312f;border:1px solid #61706a;border-radius:14px;padding:12px;box-shadow:0 15px 45px #0008,inset 0 2px #ffffff1a}.station-bar,.instrument-foot{display:flex;justify-content:space-between;gap:15px;padding:8px 13px 17px;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#bcc3b9}.pilot{display:inline-block;background:var(--mint);width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 10px var(--mint)}.console{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.screen-shell{background:radial-gradient(ellipse at 50% 35%,#18393a,#08171e 78%);border:7px solid #111b1d;border-radius:30px;box-shadow:inset 0 0 40px #0009,0 2px #718077;overflow:hidden;align-self:start}.screen-top,.screen-bottom{display:flex;justify-content:space-between;gap:6px;font:10px ui-monospace,monospace;letter-spacing:.12em;color:#8daea3;padding:19px 22px 0}.screen-top{color:var(--mint);font-size:12px}.screen-bottom{padding:0 22px 20px;font-size:9px;letter-spacing:.04em}.board{position:relative;aspect-ratio:1;isolation:isolate}.board svg{width:100%;height:100%;display:block}.mirror{position:absolute;width:11.765%;height:11.765%;padding:0;min-height:0;background:transparent;border:0;border-radius:12px;touch-action:manipulation}.mirror:hover:not(:disabled){background:#a0ffdc12}.mirror:focus-visible{outline-offset:-4px}.mirror span{display:block;position:absolute;left:21%;top:47%;height:6%;width:58%;border-radius:5px;background:linear-gradient(#f8ffef,#9fc2b4);transform:rotate(-45deg);box-shadow:0 0 12px #94e8cf42;transition:transform .2s}.mirror.backslash span{transform:rotate(45deg)}.mirror::after{content:'';position:absolute;inset:14%;border:1px solid #7ea1954a;border-radius:50%}.mirror.hinted::after{border:2px dashed var(--amber)}.mirror:disabled{opacity:1}.beam{stroke-dasharray:8 16;animation:flow 1.5s linear infinite}@keyframes flow{to{stroke-dashoffset:-48}}.hidden-page .beam{animation-play-state:paused}.deck{padding:4px 12px 6px 0}.deck h2{font:32px/1.05 Georgia,serif;margin:8px 0 16px;letter-spacing:-.025em}.story{color:#c4cec7;font:italic 16px/1.55 Georgia,serif;min-height:50px}.meters{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #64736a;border-bottom:1px solid #64736a;padding:17px 0;gap:15px}.meters span{font:10px ui-monospace,monospace;color:var(--muted);letter-spacing:.1em;display:block;margin-bottom:6px}.meters strong{font:29px ui-monospace,monospace;color:var(--mint)}.status{font-size:13px;line-height:1.6;color:#d3dfd4;min-height:42px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{font-size:12px;flex:1 1 40%}.actions button:last-child{flex-basis:100%;background:transparent;border-style:dashed}.record{color:#abbcb1;font-size:11px;line-height:1.5;min-height:18px}.channel-bank{margin-top:22px}#levels{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}#levels button{padding:0;min-height:35px;font:12px monospace;border-radius:3px}#levels button[aria-current=true]{color:#0c251e;background:var(--mint);border-color:var(--mint)}#levels button.solved{border-bottom:3px solid var(--amber)}details{margin-top:20px;font-size:12px;line-height:1.7;color:#c4d0c5}summary{padding:8px 0;color:var(--paper)}.completion{border-left:2px solid var(--amber);padding:4px 0 8px 14px;margin:10px 0 18px}.completion p{font:italic 17px/1.45 Georgia,serif}.primary{background:var(--mint);border-color:var(--mint);color:#10251f;font-weight:700;width:100%}.primary:hover:not(:disabled){background:#baffdf}.instrument-foot{padding:18px 12px 5px;font-size:9px}footer{display:flex;justify-content:space-between;color:#b6a88c;font:13px Georgia,serif;align-items:center;padding:20px 3px;gap:14px}[hidden]{display:none!important}@media(max-width:1280px){main{padding:12px 24px}.game-nav{margin:16px 24px}}@media(max-width:900px){.console{grid-template-columns:minmax(0,1fr) 255px;gap:12px}.deck h2{font-size:28px}.screen-top{padding:16px 14px 0;font-size:10px}.screen-bottom{padding:0 14px 16px;font-size:8px}.station-bar{font-size:9px;letter-spacing:.04em}}@media(max-width:720px){main{padding:8px 12px}.game-nav{margin:12px;padding:8px 10px}.game-nav strong{font-size:13px}.game-nav>a,.game-nav>div{gap:8px}.game-nav div a{font-size:11px}.masthead{margin:16px 4px 23px;display:block}.intro{font-size:13px;line-height:1.5;margin-bottom:0}.intro br{display:none}.intro br:after{content:' '}.masthead .eyebrow{font-size:9px}h1{font-size:44px}.instrument{padding:7px;border-radius:10px}.console{display:block}.screen-shell{border-width:4px;border-radius:24px}.station-bar{padding:8px 6px 12px;font-size:8px;letter-spacing:0}.station-bar>span:first-child{max-width:175px}.screen-top{padding:14px 15px 0}.screen-bottom{font-size:7px;padding:0 12px 15px}.deck{padding:16px 13px 8px}.deck h2{font-size:32px}.story{min-height:0}.meters{padding:12px 0}.status{min-height:0}.channel-bank{margin-top:18px}#levels button{min-height:44px}.instrument-foot{font-size:7px;padding:15px 5px 6px;letter-spacing:0}footer{font-size:12px;align-items:start}.mirror{border-radius:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.quick-guide{text-align:center;font:10px ui-monospace,monospace;color:#b7cfc3;margin:14px 8px 0;letter-spacing:.025em}
@media(min-width:721px){.masthead{margin-top:8px;margin-bottom:20px}h1{font-size:56px}.screen-shell{width:min(100%,calc(100svh - 430px));justify-self:center}.console{grid-template-columns:minmax(0,1fr) 300px}.deck{padding-top:0}.story{margin-bottom:12px}.channel-bank{margin-top:12px}.deck details{margin-top:10px}.instrument{max-width:1100px;margin:auto}}
@media(min-width:721px) and (max-height:740px){.screen-shell{width:100%}}
@media(max-width:720px){.quick-guide{font-size:8px;letter-spacing:0;margin:13px 5px 0}}

@media(min-width:721px){.game-nav{margin-top:12px;margin-bottom:12px}main{padding-top:0}.masthead{margin-top:0}.masthead h1{font-size:50px}.masthead .eyebrow{margin-top:5px}}