:root{--night: #14181f;--slate: #1f242b;--slate-hi: #272d36;--well: #10141a;--edge: #07090c;--edge-hi: #3a424e;--gold: #f9b93f;--gold-lite: #ffe9ad;--gold-deep: #9c6b10;--ink-on-gold: #1a1206;--cream: #f3e9d2;--muted: #8b94a3;--red: #e6492c;--blue: #4a96dd;--green: #57b95f;--purple: #b07be0;--saffron: #f9832b;--font: ui-monospace, Menlo, Consolas, "Courier New", monospace;--sidebar-w: clamp(320px, 22vw, 400px);--px-border: inset 0 0 0 2px var(--edge-hi)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--night);color:var(--cream);font-family:var(--font);overflow:hidden}img{image-rendering:pixelated}button,input,select{font-family:var(--font)}.app{display:flex;height:100vh}.canvas-pane{flex:1 1 auto;min-width:0;position:relative;background:var(--night)}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0}.canvas-host canvas{display:block;image-rendering:pixelated}.canvas-overlay-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--gold);font-size:18px;letter-spacing:3px;font-weight:700}.canvas-overlay-msg.error{color:var(--red);font-size:13px;padding:2em}.sidebar{flex:none;width:var(--sidebar-w);min-width:0;display:flex;flex-direction:column;background:var(--slate)}.sidebar.side-right{border-left:4px solid var(--edge);box-shadow:inset 2px 0 0 var(--edge-hi)}.sidebar.side-left{border-right:4px solid var(--edge);box-shadow:inset -2px 0 0 var(--edge-hi)}.sidebar-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-scroll::-webkit-scrollbar{width:10px}.sidebar-scroll::-webkit-scrollbar-track{background:var(--well)}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--edge-hi);border:2px solid var(--well)}.panel{padding:10px 10px 12px;border-bottom:3px solid var(--edge)}.signboard,.panel h3.signboard{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:4px 8px;background:var(--gold);color:var(--ink-on-gold);font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--edge);box-shadow:inset 2px 2px 0 var(--gold-lite),inset -2px -2px 0 var(--gold-deep)}.signboard-tag{font-size:10px;font-weight:700;letter-spacing:1px;background:var(--ink-on-gold);color:var(--gold);padding:1px 6px}.signboard-tag.blink{animation:blink .9s steps(2) infinite}.signboard-tag.off{background:var(--red);color:var(--cream)}.muted{color:var(--muted);font-size:11px}@keyframes blink{50%{opacity:.35}}.btn{cursor:pointer;text-transform:uppercase;font-weight:900;letter-spacing:1px;white-space:nowrap;background:var(--gold);color:var(--ink-on-gold);border:2px solid var(--edge);box-shadow:inset 2px 2px 0 var(--gold-lite),inset -2px -2px 0 var(--gold-deep),0 3px 0 var(--edge)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px 0 var(--gold-lite),inset -2px -2px 0 var(--gold-deep),0 1px 0 var(--edge)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.big{padding:10px 18px;font-size:14px}.btn.big.wide{width:100%}.btn.small{padding:3px 8px;font-size:11px}.btn.tiny{padding:0 6px;font-size:9px;background:var(--slate-hi);color:var(--cream);box-shadow:inset 1px 1px 0 var(--edge-hi),0 2px 0 var(--edge)}.btn.ghost{background:var(--slate-hi);color:var(--cream);box-shadow:inset 1px 1px 0 var(--edge-hi),0 2px 0 var(--edge)}.btn.ghost.off{color:var(--muted)}.btn.thinking{animation:blink 1.2s steps(2) infinite;cursor:wait}.topbar{flex:none;padding:8px 10px;background:var(--slate);border-bottom:3px solid var(--edge);box-shadow:inset 0 -2px 0 var(--edge-hi)}.brand-board{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:6px 8px;margin-bottom:8px;background:var(--gold);color:var(--ink-on-gold);border:3px solid var(--edge);box-shadow:inset 3px 3px 0 var(--gold-lite),inset -3px -3px 0 var(--gold-deep);text-align:center}.brand-hi{font-size:16px;font-weight:900}.brand-en{font-size:13px;font-weight:900;letter-spacing:2px}.cabin-board{padding:4px 8px}.cabin-board .brand-en{font-size:12px;letter-spacing:3px}.peak-banner{margin:0 0 8px;padding:3px 0;overflow:hidden;white-space:nowrap;background:var(--red);color:var(--cream);border:2px solid var(--edge);font-size:11px;font-weight:900;letter-spacing:2px;text-align:center;animation:peak-flash .8s steps(2) infinite}@keyframes peak-flash{0%,to{background:var(--red)}50%{background:var(--purple)}}.topbar-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.topbar-row:last-child{margin-bottom:0}.spacer{flex:1}.round-counter{font-size:12px;font-weight:900;letter-spacing:1px;color:var(--cream);white-space:nowrap}.phase-badge{font-size:9px;font-weight:900;letter-spacing:.5px;padding:2px 5px;white-space:nowrap;border:2px solid var(--edge-hi);color:var(--muted);background:var(--well)}.topbar-row #new-game{padding:3px 7px;font-size:10px;letter-spacing:.5px}.phase-badge.peak{border-color:var(--red);color:var(--cream);background:var(--red);animation:peak-flash .8s steps(2) infinite}.model-box{padding:4px 6px;background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border)}.model-box.off{border-color:var(--red);box-shadow:inset 0 0 0 2px #5a221a}.model-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;flex:none}.model-toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-pill{width:26px;height:14px;flex:none;position:relative;background:var(--red);border:2px solid var(--edge)}.toggle-pill:after{content:"";position:absolute;top:0;left:0;width:10px;height:10px;background:var(--cream);border-right:2px solid var(--edge)}.model-toggle input:checked+.toggle-pill{background:var(--green)}.model-toggle input:checked+.toggle-pill:after{left:auto;right:0;border-right:0;border-left:2px solid var(--edge)}.toggle-text{font-size:10px;font-weight:900;letter-spacing:1px;color:var(--green)}.model-box.off .toggle-text{color:var(--red);animation:blink .9s steps(2) infinite}.model-picker{background:var(--slate-hi);color:var(--cream);border:2px solid var(--edge);font-size:10px;padding:1px 2px;max-width:96px}.model-picker:disabled{color:var(--muted)}.offline-strip{margin-top:6px;padding:2px 6px;text-align:center;background:var(--red);color:var(--cream);border:2px solid var(--edge);font-size:10px;font-weight:900;letter-spacing:1px;animation:blink .9s steps(2) infinite}.conf-dial{display:flex;align-items:center;gap:5px;min-width:0}.conf-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.conf-segs{display:flex;gap:2px}.conf-segs .seg{width:5px;height:11px;background:var(--well);border:1px solid var(--edge-hi);display:block}.conf-segs .seg.lit{background:var(--blue);border-color:var(--edge)}.conf-segs .seg.lit.hot{background:var(--gold)}.conf-pct{font-size:11px;font-weight:900;color:var(--blue);min-width:34px;text-align:right}.model-box.off .conf-pct{color:var(--muted)}.meter-row{margin-bottom:9px}.meter-head{display:flex;align-items:baseline;gap:6px;margin-bottom:2px}.meter-label{font-size:11px;font-weight:900;letter-spacing:1px}.meter-note{font-size:9px;color:var(--muted)}.meter-value{margin-left:auto;font-size:12px;font-weight:900}.meter-row.danger .meter-value,.meter-row.danger .meter-label{color:var(--red)}.bar{position:relative;height:14px;background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border)}.bar-fill{position:absolute;top:2px;bottom:2px;left:2px;transition:width .6s steps(12);box-shadow:inset -2px -3px #00000059,inset 2px 2px #ffffff40}.bar-zone{position:absolute;top:2px;bottom:2px;background:repeating-linear-gradient(-45deg,rgba(230,73,44,.4) 0 3px,transparent 3px 6px);z-index:1}.bar-tick{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--cream);z-index:2}.meter-row.flash .bar{animation:danger-flash .2s steps(2) 8}.meter-row.danger .bar{border-color:var(--red)}@keyframes danger-flash{50%{background:var(--red);box-shadow:inset 0 0 0 2px var(--gold-lite)}}.meter-minor{display:flex;gap:12px;margin-top:2px;padding:3px 6px;background:var(--well);border:2px solid var(--edge);font-size:10px;color:var(--muted);letter-spacing:1px}.meter-minor .score{margin-left:auto;color:var(--gold);font-weight:900}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{padding:0;background:none;border:0;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-width:0}.card-face{position:relative;display:block;width:100%;background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border)}.card-face img{display:block;width:100%;height:auto}.card-cost{position:absolute;top:3px;right:3px;padding:1px 5px;background:var(--gold);color:var(--ink-on-gold);border:2px solid var(--edge);font-size:14px;font-weight:900}.card-reason{position:absolute;left:3px;right:3px;bottom:3px;padding:2px 3px;background:#07090ce0;color:var(--red);font-size:12px;font-weight:700;text-align:center;text-transform:lowercase}.card-armed-tag{position:absolute;left:3px;top:3px;padding:1px 5px;background:var(--red);color:var(--cream);border:2px solid var(--edge);font-size:12px;font-weight:900;animation:blink .7s steps(2) infinite}.card-name{font-size:13px;font-weight:900;letter-spacing:.5px;text-align:center;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card:disabled{cursor:not-allowed}.card:disabled .card-face img{filter:grayscale(.9) brightness(.55)}.card:disabled .card-name{color:var(--muted)}.card.armed .card-face{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold),0 0 10px #f9b93f80}.card:not(:disabled):hover .card-face{border-color:var(--gold-deep)}.armed-hint{margin-top:7px;padding:3px 0;text-align:center;background:var(--gold);color:var(--ink-on-gold);border:2px solid var(--edge);font-size:11px;font-weight:900;letter-spacing:1px;animation:blink .8s steps(2) infinite}.cap-hint{margin-top:7px;text-align:center;font-size:10px;color:var(--muted)}.pa-ticker{margin-bottom:8px;padding:4px 0;overflow:hidden;white-space:nowrap;background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border);color:var(--gold);font-size:11px;font-weight:700}.pa-ticker .marquee{display:inline-block;white-space:nowrap;padding-left:100%;animation:marquee 16s linear infinite}@keyframes marquee{to{transform:translate(-100%)}}.ai-feed{max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.ai-feed::-webkit-scrollbar{width:8px}.ai-feed::-webkit-scrollbar-track{background:var(--well)}.ai-feed::-webkit-scrollbar-thumb{background:var(--edge-hi)}.ai-entry{padding:5px 7px;background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border);font-size:11px}.ai-entry:first-child{border-color:var(--gold-deep)}.ai-entry-head{display:flex;gap:8px;margin-bottom:3px}.ai-round{background:var(--blue);color:var(--night);padding:0 5px;font-weight:900;font-size:10px}.ai-conf{margin-left:auto;color:var(--blue);font-size:10px;font-weight:700}.ai-priority{color:var(--saffron);font-weight:700;margin-bottom:2px}.ai-noop{color:var(--red);font-weight:900;letter-spacing:1px}.ai-actions{margin:0;padding-left:16px;color:var(--cream)}.ai-actions li{margin:1px 0}.ai-pa{margin-top:3px;color:var(--gold);font-size:10px}.notif-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.notif{display:flex;gap:6px;align-items:baseline;font-size:11px}.notif-kind{flex:none;min-width:58px;text-align:center;padding:0 4px;font-size:9px;font-weight:900;letter-spacing:1px;border:1px solid var(--edge);background:var(--edge-hi);color:var(--night)}.notif.chaos .notif-kind{background:var(--saffron)}.notif.ai .notif-kind{background:var(--blue)}.notif.incident .notif-kind{background:var(--red);color:var(--cream)}.notif.resolve .notif-kind{background:var(--green)}.notif.peak .notif-kind{background:var(--purple)}.notif.win .notif-kind{background:var(--gold)}.notif.loss .notif-kind{background:var(--red);color:var(--cream)}.notif-text{min-width:0}.notif-station{color:var(--gold);font-weight:700}.roster-sub{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--muted);margin:6px 0 3px}.roster-list{margin:0;padding:0;list-style:none}.roster-row{display:flex;align-items:center;gap:6px;font-size:11px;padding:2px 0;border-bottom:1px solid rgba(58,66,78,.4)}.roster-row.busy .roster-name,.roster-row.busy .roster-where{color:var(--muted)}.lane-chip{flex:none;width:26px;text-align:center;font-size:9px;font-weight:900;border:1px solid var(--edge);padding:0 1px}.lane-chip.fast{background:var(--saffron);color:var(--night)}.lane-chip.slow{background:var(--blue);color:var(--night)}.roster-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-where{color:var(--muted);font-size:10px;white-space:nowrap}.status-chip{margin-left:auto;flex:none;font-size:9px;font-weight:900;letter-spacing:1px;padding:0 4px;border:1px solid var(--edge)}.status-chip.running,.status-chip.avail{background:var(--green);color:var(--night)}.status-chip.held{background:var(--edge-hi);color:var(--cream)}.status-chip.stuck{background:var(--saffron);color:var(--night);animation:blink 1s steps(2) infinite}.status-chip.frozen{background:var(--red);color:var(--cream)}.status-chip.busy{background:var(--well);color:var(--muted)}.pers-thumb{flex:none;width:18px;height:22px;display:grid;place-items:center;overflow:hidden}.pers-thumb img{max-width:100%;max-height:100%;width:auto;height:auto}.debug-json{max-height:240px;overflow:auto;background:var(--well);border:2px solid var(--edge);padding:6px;font-size:9px;color:var(--muted);margin:6px 0 0}.nextturn{flex:none;padding:10px;background:var(--slate-hi);border-top:3px solid var(--edge);box-shadow:inset 0 2px 0 var(--edge-hi)}.toasts{position:fixed;top:14px;right:calc(var(--sidebar-w) + 14px);z-index:50;display:flex;flex-direction:column;align-items:flex-end}.toast{margin:4px 0;padding:5px 12px;background:var(--night);border:2px solid var(--red);color:var(--cream);box-shadow:var(--px-border),0 3px 0 var(--edge);font-size:12px;font-weight:700;animation:toast-in .2s steps(4)}.toast .toast-tag{color:var(--red);font-weight:900}.toast.warn{border-color:var(--gold)}.toast.warn .toast-tag{color:var(--gold)}@keyframes toast-in{0%{transform:translateY(-10px);opacity:0}}.winloss-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#05070bc7;display:grid;place-items:center}.winloss-panel{width:min(420px,92vw);padding:14px 16px;text-align:center;background:var(--slate);border:4px solid var(--edge);box-shadow:inset 0 0 0 3px var(--gold-deep),0 8px 0 var(--edge)}.winloss-panel.won{box-shadow:inset 0 0 0 3px var(--gold),0 8px 0 var(--edge)}.winloss-panel.lost{box-shadow:inset 0 0 0 3px var(--red),0 8px 0 var(--edge)}.winloss-art{background:var(--well);border:2px solid var(--edge);padding:4px}.winloss-art img{display:block;width:100%;height:auto}.winloss-panel h2{margin:10px 0 4px;font-size:20px;letter-spacing:4px;color:var(--gold)}.winloss-panel.lost h2{color:var(--red)}.winloss-panel .line-status{margin:0 0 6px;font-size:13px;font-weight:900;letter-spacing:3px;color:var(--cream)}.winloss-panel .reason{color:var(--muted);font-size:12px;min-height:1em;margin:0 0 10px}.endstats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.endstats>div{background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border);padding:5px 2px;display:flex;flex-direction:column;gap:2px}.endstat-v{font-size:16px;font-weight:900;color:var(--gold)}.endstat-k{font-size:7px;letter-spacing:1px;color:var(--muted)}.peak-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:42;background:#05070bcc;display:grid;place-items:center;animation:peak-fade .25s ease-out}@keyframes peak-fade{0%{opacity:0}to{opacity:1}}.peak-panel{width:min(440px,92vw);padding:16px 20px 18px;text-align:center;background:var(--slate);border:4px solid var(--edge);box-shadow:inset 0 0 0 3px var(--red),0 8px 0 var(--edge)}.peak-kicker{display:inline-block;margin-bottom:6px;padding:2px 10px;background:var(--red);color:var(--cream);border:2px solid var(--edge);font-size:12px;font-weight:900;letter-spacing:2px;animation:blink .8s steps(2) infinite}.peak-title{margin:4px 0 2px;font-size:30px;letter-spacing:6px;font-weight:900;color:var(--gold);text-shadow:0 2px 0 var(--edge)}.peak-sub{margin:0 0 12px;font-size:12px;color:var(--cream)}.peak-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.peak-list li{background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border);padding:6px 9px;font-size:12px;color:var(--cream)}.peak-list b{color:var(--gold)}.splash-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#05070bd9;display:grid;place-items:center}.splash-panel{width:min(460px,94vw);max-height:94vh;overflow-y:auto;padding:14px 18px 12px;text-align:center;background:var(--slate);border:4px solid var(--edge);box-shadow:inset 0 0 0 3px var(--gold-deep),0 8px 0 var(--edge)}.splash-logo-card{background:#fff;border:3px solid var(--edge);box-shadow:inset -3px -3px #00000026;padding:6px;width:min(240px,60%);margin:0 auto}.splash-logo-card img{display:block;width:100%;height:auto}.splash-title{margin:10px 0 6px;font-size:20px;letter-spacing:3px;color:var(--gold);text-shadow:2px 2px 0 var(--edge)}.splash-howto{text-align:left;font-size:11px;line-height:1.55;color:var(--cream);background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border);padding:8px 10px;margin:0 0 10px}.splash-howto b{color:var(--gold)}.splash-row{display:flex;gap:8px;justify-content:center;align-items:stretch}.seed-input{width:130px;padding:6px 8px;font-size:12px;background:var(--well);color:var(--cream);border:2px solid var(--edge);box-shadow:var(--px-border)}.seed-input::placeholder{color:var(--muted)}.splash-foot{margin-top:10px;font-size:9px;letter-spacing:2px;color:var(--muted)}.help-panel{width:min(440px,94vw);max-height:94vh;overflow-y:auto;padding:14px 18px;text-align:center;background:var(--slate);border:4px solid var(--edge);box-shadow:inset 0 0 0 3px var(--gold-deep),0 8px 0 var(--edge)}.help-title{margin:0 0 10px;font-size:18px;letter-spacing:3px;color:var(--gold);text-shadow:2px 2px 0 var(--edge)}.help-list{text-align:left;margin:0 0 10px;padding:8px 10px 8px 26px;font-size:11px;line-height:1.6;color:var(--cream);background:var(--well);border:2px solid var(--edge);box-shadow:var(--px-border)}.help-list li{margin-bottom:4px}.help-list li:last-child{margin-bottom:0}.help-list b,.help-tip b{color:var(--gold)}.help-tip{text-align:left;font-size:11px;line-height:1.55;color:var(--cream);background:var(--well);border:2px solid var(--gold-deep);box-shadow:var(--px-border);padding:8px 10px;margin:0 0 12px}@media (max-width: 1100px){body{overflow:auto}.app{flex-direction:column;height:auto}.canvas-pane{height:70vh;order:0}.sidebar.side-right{order:1}.sidebar.side-left{order:2}.sidebar,.sidebar.side-left,.sidebar.side-right{width:100%;border-left:0;border-right:0;border-top:4px solid var(--edge);box-shadow:none}.toasts{right:14px}}