:root{color-scheme:dark;--ink: #1a191d;--room: #1a191d;--cream: #ece2cc;--paper: #f6efdd;--graphite: #3b3a3c;--steel: #8d9299;--ghost: #4fd8e8;--alarm: #ff6a2a;--line: rgba(236, 226, 204, .22);--panel: rgba(22, 21, 25, .9);--muted: rgba(236, 226, 204, .58);--scale: 4px;--radius: 2px;--ease: cubic-bezier(.16, 1, .3, 1);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;background:var(--room);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app-shell{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--room);color:var(--cream);overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);border-radius:var(--radius);background:#1a191dd1;color:var(--cream);font:500 .7rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;padding:.7rem .9rem;cursor:pointer;transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}button:hover,button:focus-visible{background:var(--paper);border-color:var(--paper);color:var(--ink);outline:2px solid var(--ghost);outline-offset:2px}button[aria-pressed=true]{background:var(--ghost);border-color:var(--ghost);color:var(--ink)}#app-shell{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#game-canvas:active{cursor:grabbing}.topbar{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(.7rem,2vw,1.6rem);background:linear-gradient(180deg,#1a191ddb,#1a191d00);pointer-events:none}.brand-lockup,.top-actions{pointer-events:auto;display:flex;align-items:center;gap:.6rem}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);font:600 .7rem/1 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:var(--cream)}.brand-text{display:flex;flex-direction:column;font:500 .82rem/1.25 ui-monospace,Consolas,monospace;letter-spacing:.24em}.brand-text em{font:400 .6rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.18em;color:var(--muted);font-style:normal}.hud{position:absolute;z-index:8;top:4.4rem;left:clamp(.7rem,2vw,1.6rem);display:flex;gap:var(--scale);pointer-events:none}.card{min-width:7.4rem;padding:.5rem .7rem .6rem;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;gap:.2rem}.card span{font:400 .55rem/1 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:var(--muted)}.card strong{font:300 1.4rem/1 ui-monospace,Consolas,monospace;letter-spacing:-.01em;color:var(--paper)}.card strong em{font:400 .6rem/1 ui-monospace,Consolas,monospace;font-style:normal;color:var(--muted);margin-left:.2rem}.deflection-card{border-left:2px solid var(--ghost)}.strain-card{border-left:2px solid var(--cream)}.strain-card.is-hot{border-left-color:var(--alarm)}.strain-card.is-hot strong{color:var(--alarm)}.article-card{border-left:2px solid var(--steel)}.article-card span{letter-spacing:.12em;color:var(--cream);opacity:.8}.article-card strong{font-size:.9rem;letter-spacing:.1em}.ghost-mark,.strain-mark,.phase-track{position:relative;height:2px;background:#ece2cc29;overflow:hidden}.ghost-mark i{position:absolute;top:-3px;width:2px;height:8px;background:var(--ghost);left:0;transition:left 90ms linear}.strain-mark i,.phase-track i{position:absolute;inset:0 auto 0 0;width:0;background:var(--cream);transition:width .12s var(--ease)}.strain-mark i{background:var(--alarm)}.rack{position:absolute;z-index:8;top:4.4rem;right:clamp(.7rem,2vw,1.6rem);display:flex;flex-direction:column;gap:.3rem;padding:.55rem .7rem;border:1px solid var(--line);background:var(--panel);font:400 .55rem/1 ui-monospace,Consolas,monospace;letter-spacing:.14em;color:var(--muted);pointer-events:none}.rack-row{display:flex;align-items:center;justify-content:space-between;gap:.9rem}.rack-row strong{color:var(--paper);font-weight:500;font-size:.72rem}.pips{display:flex;gap:3px}.pips i{width:12px;height:4px;background:#ece2cc33}.pips i.lit{background:var(--cream)}.pips i.spent{background:var(--alarm)}.bay-strip{position:absolute;z-index:9;left:clamp(.7rem,2vw,1.6rem);bottom:5.4rem;display:flex;gap:var(--scale)}.bay-chip{position:relative;width:4.6rem;padding:.45rem .5rem .5rem;border:1px solid var(--line);background:var(--panel);color:var(--cream);display:flex;flex-direction:column;gap:.3rem;text-align:left;font:400 .55rem/1 ui-monospace,Consolas,monospace;letter-spacing:.1em}.bay-chip .bay-index{color:var(--muted)}.bay-chip .bay-name{font-size:.68rem;letter-spacing:.06em;color:var(--paper)}.bay-chip .bay-load{position:relative;height:2px;background:#ece2cc29}.bay-chip .bay-load i{position:absolute;inset:0 auto 0 0;width:0;background:var(--cream)}.bay-chip .bay-load i.hot{background:var(--alarm)}.bay-chip[data-locked=true]{border-color:#4fd8e880}.bay-chip[data-locked=true]:after{content:"LOCK";position:absolute;top:.4rem;right:.4rem;font:400 .45rem/1 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--ghost)}.bay-chip[data-selected=true]{border-color:var(--paper);background:#ece2cc1f}.bay-chip[data-cracked=true]{border-color:var(--alarm)}.status-ribbon{position:absolute;z-index:9;left:50%;transform:translate(-50%);bottom:1.1rem;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 1.1rem;border:1px solid var(--line);background:var(--panel);font:400 .6rem/1.3 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--muted);text-align:center;pointer-events:none;max-width:min(90vw,34rem)}.status-ribbon b{color:var(--paper);font-weight:500;letter-spacing:.2em}.status-ribbon.is-danger{border-color:#ff6a2a99}.status-ribbon.is-danger b{color:var(--alarm)}.action-deck{position:absolute;z-index:9;right:clamp(.7rem,2vw,1.6rem);bottom:5.4rem;display:flex;flex-direction:column;gap:var(--scale);align-items:stretch}.action-deck button em{font-style:normal;opacity:.5;margin-left:.4rem}.action-primary{border-color:#ece2cc80}.legend{position:absolute;z-index:7;left:clamp(.7rem,2vw,1.6rem);bottom:1.1rem;display:flex;flex-direction:column;gap:.15rem;font:400 .5rem/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:#ece2cc66;pointer-events:none}.legend b{color:#ece2ccb8;font-weight:500}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:1.2rem;background:radial-gradient(120% 90% at 50% 40%,#1a191db8,#1a191df0);backdrop-filter:blur(2px)}.overlay[hidden]{display:none}.panel{width:min(94vw,33rem);border:1px solid var(--line);background:var(--panel);padding:1.5rem 1.6rem 1.4rem;display:flex;flex-direction:column;gap:.7rem}.panel.compact{width:min(92vw,24rem);text-align:center;align-items:center}.kicker{margin:0;font:400 .58rem/1 ui-monospace,Consolas,monospace;letter-spacing:.28em;color:var(--ghost)}.panel h1,.panel h2{margin:0;font:300 2.1rem/1.05 Iowan Old Style,Palatino,Georgia,serif;letter-spacing:.04em;color:var(--paper)}.panel h2{font-size:1.6rem}.lede{margin:0;font:400 .86rem/1.6 Iowan Old Style,Palatino,Georgia,serif;color:#ece2ccd1}.brief-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.4rem}.brief-list li{font:400 .72rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.04em;color:#ece2ccb3;padding-left:.8rem;border-left:1px solid var(--line)}.brief-list b{color:var(--paper);font-weight:500;letter-spacing:.16em}.foot{margin:0;font:400 .62rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.1em;color:var(--muted)}.panel-button{align-self:flex-start;margin-top:.3rem;border-color:var(--paper);background:var(--paper);color:var(--ink);padding:.8rem 1.1rem}.panel-button:hover,.panel-button:focus-visible{background:var(--ghost);border-color:var(--ghost);color:var(--ink)}.archive-badge{display:flex;gap:var(--scale);align-items:flex-end;height:4.2rem;padding:.4rem .5rem;border:1px solid var(--line);background:#0b0b0d80}.archive-badge figure{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.archive-badge i{display:block;width:100%;height:1.9rem;background:var(--cream)}.archive-badge figcaption{font:400 .48rem/1 ui-monospace,Consolas,monospace;letter-spacing:.08em;color:var(--muted)}.ledger{margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--scale) .9rem}.ledger div{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px solid var(--line);padding-bottom:.3rem}.ledger dt{font:400 .54rem/1.3 ui-monospace,Consolas,monospace;letter-spacing:.14em;color:var(--muted)}.ledger dd{margin:0;font:500 .78rem/1.3 ui-monospace,Consolas,monospace;color:var(--paper)}.end-overlay[data-outcome=scrap] .kicker,.end-overlay[data-outcome=filed] .kicker{color:var(--alarm)}@media(max-width:720px){.legend{display:none}.hud{top:3.9rem;gap:3px}.card{min-width:5.6rem;padding:.4rem .5rem .5rem}.card strong{font-size:1.05rem}.rack{top:3.9rem;font-size:.5rem}.bay-strip{left:.5rem;right:.5rem;bottom:7.6rem;gap:3px}.bay-chip{flex:1;width:auto;padding:.35rem .3rem .4rem}.bay-chip .bay-name{font-size:.56rem}.action-deck{right:.5rem;left:.5rem;bottom:4.4rem;flex-direction:row}.action-deck button{flex:1;padding:1rem .5rem}.status-ribbon{bottom:.5rem;padding:.4rem .7rem;font-size:.54rem}.panel h1{font-size:1.6rem}.panel{padding:1.1rem;gap:.55rem}.lede{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important}}