:root{--ink: #05070b;--slate: #090d13;--panel: #0c121a;--panel-2: #101823;--edge: #1a2531;--edge-soft: #131c26;--bone: #e8eef6;--silver: #a5b4c6;--muted: #5f7288;--dim: #3a4c60;--sodium: #ff8a3c;--sodium-deep: #b04a15;--alert: #ff5533;--safe: #9fd8c4;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--t-micro: 10px;--t-label: 11px;--t-body: 13px;--t-lead: 16px;--t-head: 22px;--t-title: 40px;--r1: 2px;--r2: 5px;--ease: cubic-bezier(.16, 1, .3, 1);--sans: "Archivo Narrow", "Helvetica Neue Condensed", "Arial Narrow", "Liberation Sans Narrow", "DejaVu Sans Condensed", system-ui, sans-serif;--mono: ui-monospace, "DejaVu Sans Mono", "SFMono-Regular", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--ink);color:var(--bone);font-family:var(--sans);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 34% 44%,transparent 38%,rgba(3,5,8,.55) 82%,rgba(2,3,5,.88) 100%)}.eyebrow{display:block;font-size:var(--t-micro);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);gap:var(--s3)}.brand{display:flex;align-items:baseline;gap:var(--s2)}.brand-mark{width:7px;height:7px;background:var(--silver);box-shadow:0 0 0 3px #a5b4c624}.brand-name{font-size:var(--t-label);letter-spacing:.34em;text-transform:uppercase;color:var(--bone)}.brand small{font-size:var(--t-micro);letter-spacing:.18em;color:var(--dim)}.actions{display:flex;gap:var(--s1)}.chip{font-size:var(--t-micro);letter-spacing:.18em;padding:6px 10px;color:var(--muted);border:1px solid var(--edge-soft);border-radius:var(--r1);background:#080c12b8;transition:color .16s var(--ease),border-color .16s var(--ease)}.chip:hover,.chip:focus-visible{color:var(--bone);border-color:var(--edge);outline:none}.chip[aria-pressed=true]{color:var(--sodium);border-color:var(--sodium-deep)}.wall-unit{position:absolute;top:52%;right:var(--s4);transform:translateY(-50%);width:178px;padding:var(--s2) var(--s3) var(--s3);background:linear-gradient(180deg,#0f151d,#0a0f16);border:1px solid var(--edge);border-radius:var(--r2);box-shadow:inset 0 1px #c8dcf00d,0 12px 26px #0000008c}.wall-unit-head{display:flex;justify-content:space-between;font-size:var(--t-micro);letter-spacing:.2em;color:var(--muted)}.wall-unit-read{display:flex;align-items:flex-end;gap:var(--s2);margin:var(--s1) 0 var(--s2)}.wall-unit-read b{font-family:var(--mono);font-size:30px;font-weight:500;letter-spacing:.04em;color:var(--bone);font-variant-numeric:tabular-nums;line-height:1}.wall-unit.over .wall-unit-read b{color:var(--sodium)}.wall-unit.critical .wall-unit-read b{color:var(--alert)}.wall-unit-read i{flex:1;height:1px;background:var(--edge);margin-bottom:6px}.wall-unit-bar{height:3px;background:var(--edge-soft);border-radius:2px;overflow:hidden}.wall-unit-bar i{display:block;height:100%;width:0%;background:var(--sodium);transition:width .4s var(--ease)}.film-strip{list-style:none;display:flex;gap:3px;margin:var(--s3) 0 var(--s2);padding:0}.film-strip li{flex:1;height:16px;border:1px solid var(--edge-soft);border-radius:1px;background:#0a0e14}.film-strip li.loaded{border-color:var(--dim);background:#131c27}.film-strip li.fired{background:var(--silver);border-color:var(--silver)}.film-strip li.finding{background:#eaf2fb;border-color:#eaf2fb;box-shadow:0 0 8px #d2e8ff8c}.wall-unit-foot{display:flex;justify-content:space-between;font-size:var(--t-micro);letter-spacing:.16em;color:var(--dim)}.tray-label{position:absolute;left:var(--s4);bottom:96px;max-width:340px;padding-left:var(--s3);border-left:1px solid var(--edge);pointer-events:none}.tray-label strong{display:block;margin-top:5px;font-size:var(--t-body);font-weight:400;line-height:1.35;color:var(--silver);letter-spacing:.01em}.tray-label .annotation{display:block;margin-top:5px;font-family:var(--mono);font-size:var(--t-micro);letter-spacing:.1em;color:var(--dim)}.hint{position:absolute;left:50%;top:58%;transform:translate(-50%);font-size:var(--t-micro);letter-spacing:.3em;color:var(--muted);padding:6px 12px;border:1px solid var(--edge-soft);border-radius:var(--r1);background:#06090e99;pointer-events:none}.rail{position:absolute;left:0;right:0;bottom:0;display:flex;gap:var(--s2);justify-content:flex-end;padding:var(--s4);padding-bottom:max(var(--s4),env(safe-area-inset-bottom))}.rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:116px;min-height:58px;border:1px solid var(--edge);border-radius:var(--r2);background:#090d13db;font-size:var(--t-label);letter-spacing:.24em;text-transform:uppercase;color:var(--silver);transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease);touch-action:none;user-select:none}.rail button small{font-size:var(--t-micro);letter-spacing:.16em;color:var(--dim)}.rail button:hover:not(:disabled){border-color:var(--dim);color:var(--bone)}.rail button:disabled{opacity:.34;cursor:not-allowed}.rail-advance{color:var(--muted);border-color:var(--edge-soft)}.rail-expose{background:#141b25e6;border-color:var(--dim);color:var(--bone)}.rail-expose.armed{background:#e8eef6;border-color:#e8eef6;color:#06090e}.rail-expose.armed small{color:#3d4c5e}.toast{position:absolute;left:50%;bottom:104px;transform:translate(-50%);max-width:min(520px,82vw);text-align:center;font-size:var(--t-label);letter-spacing:.12em;line-height:1.45;color:var(--silver);padding:var(--s2) var(--s4);border:1px solid var(--edge-soft);border-radius:var(--r1);background:#06090ee6}.card-layer[hidden],.toast[hidden],.hint[hidden]{display:none}.card-layer{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:var(--s4);padding-bottom:88px}.card{width:min(620px,100%);padding:var(--s5);background:#0b1018;border:1px solid var(--edge);border-radius:var(--r2);box-shadow:0 24px 60px #000000a8}.card h2{margin:var(--s2) 0 var(--s3);font-size:var(--t-head);font-weight:400;line-height:1.24;letter-spacing:.005em}.card p{margin:0 0 var(--s4);font-size:var(--t-body);line-height:1.6;color:var(--silver)}.card p b{color:var(--bone);font-weight:400}.choices{display:grid;gap:var(--s2)}.choice{display:block;text-align:left;width:100%;padding:var(--s3) var(--s4);border:1px solid var(--edge);border-radius:var(--r1);transition:border-color .16s var(--ease),background .16s var(--ease)}.choice:hover,.choice:focus-visible{border-color:var(--dim);background:#0f151e;outline:none}.choice b{display:block;font-size:var(--t-label);font-weight:500;letter-spacing:.2em;color:var(--bone)}.choice span{display:block;margin-top:5px;font-size:var(--t-body);color:var(--muted);line-height:1.45}.primary,.secondary{display:block;width:100%;padding:13px var(--s4);border-radius:var(--r1);font-size:var(--t-label);letter-spacing:.26em;text-transform:uppercase;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}.primary{background:var(--bone);color:#06090e}.primary:hover,.primary:focus-visible{background:#fff;outline:none}.secondary{margin-top:var(--s2);border:1px solid var(--edge-soft);color:var(--muted)}.secondary:hover,.secondary:focus-visible{color:var(--bone);border-color:var(--dim);outline:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--s5)}.screen.scrim{background:#030508c7}.title-plate{width:min(560px,100%);padding:var(--s5);border:1px solid var(--edge);border-radius:var(--r2);background:#080c12e6}.title-plate h1{margin:var(--s3) 0;font-size:var(--t-title);font-weight:500;line-height:.94;letter-spacing:.06em}.title-plate h1 span{display:block;color:var(--silver)}.title-plate p{font-size:var(--t-body);line-height:1.66;color:var(--silver);margin:0 0 var(--s4)}.controls{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-bottom:var(--s5);font-size:var(--t-micro);letter-spacing:.16em;color:var(--muted);text-transform:uppercase}.controls b{color:var(--bone);font-weight:500;margin-right:5px}.record{display:block;margin-top:var(--s3);font-size:var(--t-micro);letter-spacing:.16em;color:var(--dim);text-align:center}.card.compact{width:min(520px,100%)}.end-card h2{font-size:var(--t-head)}.end-stats{display:flex;gap:var(--s5);margin:0 0 var(--s5);padding-top:var(--s3);border-top:1px solid var(--edge-soft)}.end-stats div{display:flex;flex-direction:column;gap:3px;font-size:var(--t-micro);letter-spacing:.18em;color:var(--dim)}.end-stats b{font-family:var(--mono);font-size:var(--t-lead);font-weight:500;letter-spacing:.02em;color:var(--bone);font-variant-numeric:tabular-nums}body.playing .screen,body.title .screen{display:none}body.title #title-screen,body.playing #pause-screen,body.playing #notes-screen,body.playing #end-screen{display:flex}body:not(.playing) .rail,body:not(.playing) .wall-unit,body:not(.playing) .tray-label{opacity:0;pointer-events:none}@media(max-width:720px){:root{--t-title: 30px;--t-head: 19px}.topbar{padding:var(--s2) var(--s3)}.brand small{display:none}.wall-unit{right:var(--s2);width:118px;padding:6px 8px 8px}.wall-unit-read b{font-size:20px}.film-strip li{height:11px}.wall-unit-foot{font-size:9px}.tray-label{left:var(--s3);right:var(--s3);bottom:108px;max-width:none}.tray-label strong{font-size:12px}.rail{padding:var(--s2) var(--s3) max(var(--s3),env(safe-area-inset-bottom));gap:var(--s2)}.rail button{min-width:0;flex:1;min-height:62px}.card-layer{padding:var(--s3);padding-bottom:84px}.card{padding:var(--s4)}.card h2{font-size:var(--t-head)}.end-stats{gap:var(--s4)}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}