:root{--ink: #cfe4f0;--dim: #7e93a3;--gold: #f0b455;--ground: #05080c;--panel: rgba(9, 16, 22, .86);--edge: rgba(120, 170, 200, .22);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--ground);color:var(--ink);font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}#app{height:100%}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}.title{display:grid;place-items:center;height:100%;background:radial-gradient(ellipse at 50% 35%,#0d1721,#05080c 70%)}.title-card{max-width:44rem;padding:2.5rem;border:1px solid var(--edge);background:var(--panel)}.eyebrow{margin:0;color:var(--dim);font-size:11px}.title-card h1{margin:.4rem 0 0;font-size:clamp(2.2rem,6vw,3.6rem);font-weight:600;letter-spacing:.12em}.title-card h1 em{color:var(--gold);font-style:normal}.tagline{margin:.2rem 0 1.2rem;color:var(--gold)}.blurb{color:var(--dim);max-width:34rem}.title-actions{display:flex;gap:.6rem;margin:1.6rem 0 1rem;flex-wrap:wrap}.hint{color:var(--dim);font-size:11px;margin:0}button{padding:.7rem 1.2rem;border:1px solid var(--edge);background:transparent;color:var(--ink);font:inherit;letter-spacing:.1em;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}button.primary{border-color:var(--gold);color:var(--gold)}.crosshair{position:fixed;left:50%;top:50%;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;background:#e6f5ff8c;pointer-events:none}.hud{position:fixed;inset:0;pointer-events:none;padding:1.4rem;display:grid;grid-template-rows:auto 1fr auto}.hud-room{color:var(--dim);font-size:11px}.hud-prompt{align-self:end;justify-self:center;color:var(--gold);text-shadow:0 0 12px rgba(0,0,0,.9);padding-bottom:3.5rem}.hud-carry{position:fixed;right:1.4rem;bottom:1.4rem;color:var(--dim)}.hud-log{color:var(--dim);font-size:11px;opacity:.8}.board-button{position:fixed;top:1.2rem;right:1.2rem;padding:.4rem .8rem;font-size:11px}.modal-back{position:fixed;inset:0;background:#03060adb;display:grid;place-items:center;padding:1.5rem;overflow:auto}.modal{width:min(60rem,100%);max-height:88vh;overflow:auto;padding:1.6rem;border:1px solid var(--edge);background:var(--panel)}.modal header{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--edge);padding-bottom:.8rem;margin-bottom:1rem;color:var(--gold)}.modal-note{color:var(--dim)}.modal h3{margin:1.6rem 0 .2rem;font-size:12px;letter-spacing:.14em;color:var(--gold)}.sound-group p{margin:0 0 .6rem;color:var(--dim);font-size:11px}.sound-tiles,.assignments{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.4rem}.sound-tile,.assignments label{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem .6rem;border:1px solid var(--edge)}.sound-tile button{padding:.2rem .6rem}select,input[type=range]{background:#0c141b;color:var(--ink);border:1px solid var(--edge);font:inherit;padding:.2rem;max-width:14rem}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}.volume{display:flex;align-items:center;gap:.6rem;color:var(--dim);font-size:11px}.credit{margin:1rem 0 0;color:var(--dim);font-size:11px}.credit a{color:var(--dim)}.hud-carry .lamp{margin-right:.8rem;padding:.1rem .4rem;border:1px solid var(--edge)}.hud-carry .lamp.on{color:var(--gold);border-color:var(--gold)}.hud-carry .lamp.off{color:var(--dim);opacity:.6}.hud{grid-template-rows:auto 1fr auto}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.hud-bottom{align-items:flex-end}.objectives{min-width:15rem;padding:.6rem .8rem;border:1px solid var(--edge);background:#060b108c}.objectives h2{margin:0 0 .5rem;font-size:11px;letter-spacing:.16em;color:var(--gold)}.objectives ul{margin:0;padding:0;list-style:none;display:grid;gap:.3rem}.objectives li{display:grid;grid-template-columns:1.3rem 1fr auto;gap:.5rem;align-items:center;font-size:11px;color:var(--dim)}.objectives li.active{color:var(--ink)}.objectives li.done{opacity:.45}.objectives .tick{display:grid;place-items:center;width:1.3rem;height:1.3rem;border:1px solid currentColor;border-radius:50%;font-size:10px}.objectives li.active .tick{color:var(--gold)}.objectives .what small{display:block;opacity:.65;font-size:10px}.objectives .state{font-size:10px;letter-spacing:.1em}.hud-mid{display:grid;align-content:space-between;justify-items:center}.guide{display:flex;align-items:center;gap:.9rem;margin-top:.4rem;padding:.5rem 1rem;border:1px solid var(--edge);background:#060b108c}.guide-arrow{font-size:22px;color:var(--gold);line-height:1;transition:transform 90ms linear}.guide-text{display:grid;line-height:1.35}.guide-text b{color:var(--ink);font-weight:600}.guide-text span,.guide-text em{font-size:11px;color:var(--dim);font-style:normal}.guide-text em{color:var(--gold);letter-spacing:.1em}.guide.done b{color:var(--gold)}.hud-carry{position:static;text-align:right}.hud-top{flex-direction:column;align-items:flex-start;gap:.5rem}.hud-bottom{padding-bottom:1rem}.guide.nominal b{color:var(--dim)}.guide.nominal{opacity:.75}