:root{color-scheme:dark;--ink: #eef3f6;--muted: #9db2be;--dim: #6c8391;--brine: #7fd0e0;--brine-deep: #1c4a5c;--amber: #ffc978;--ember: #ff8a5c;--danger: #ff6b5c;--good: #86e0b4;--deep: #060a10;--panel: rgba(8, 17, 24, .92);--panel-solid: #0a141c;--line: rgba(127, 208, 224, .24);--line-strong: rgba(127, 208, 224, .55);font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep)}body{color:var(--ink);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--brine);outline-offset:3px}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,transparent 38%,rgba(3,8,13,.5) 82%,rgba(2,6,10,.88) 100%)}#flash{position:absolute;inset:0;z-index:3;pointer-events:none;background:#d2e8f5d1;opacity:0;mix-blend-mode:screen}#status{position:absolute;z-index:9;left:50%;top:96px;transform:translate(-50%);margin:0;padding:8px 16px;max-width:min(560px,calc(100vw - 40px));text-align:center;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:var(--ink);background:#060e14db;border:1px solid var(--line);opacity:0;transition:opacity .25s linear;pointer-events:none}#status.show{opacity:1}#status[data-tone=good]{border-color:var(--good);color:var(--good)}#status[data-tone=bad]{border-color:var(--danger);color:#ffb3aa}#status[data-tone=fatal]{border-color:var(--danger);color:#ff8f80;background:#280808e6}#hud{position:absolute;z-index:8;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 20px;pointer-events:none;background:linear-gradient(180deg,rgba(4,10,15,.82),transparent)}.hud-left,.hud-mid,.hud-right{pointer-events:auto}.night-chip{margin:0;display:grid;gap:2px}.night-chip span{color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.2em}.night-chip b{font-size:15px;font-weight:600;letter-spacing:.04em}.force-chip{margin:6px 0 0;color:var(--dim);font:10px ui-monospace,monospace;letter-spacing:.18em}.force-chip b{color:var(--ember);font-size:13px}.hud-mid{display:flex;gap:14px;align-items:flex-start}.gauge{display:grid;gap:4px;width:104px}.gauge span{color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.2em}.gauge .track{position:relative;height:8px;border:1px solid var(--line);background:#040c11cc;overflow:hidden}.gauge .track i{position:absolute;inset:1px auto 1px 1px;width:60%;background:linear-gradient(90deg,var(--brine-deep),var(--brine));transition:width .28s ease-out,background .3s}.gauge b{font:12px ui-monospace,monospace;font-weight:500}.gauge.hurt .track i{background:linear-gradient(90deg,#6b2a24,var(--ember))}.gauge.hurt b{color:var(--ember)}.gauge.critical .track i{background:linear-gradient(90deg,#7a1f1a,var(--danger))}.gauge.critical b{color:var(--danger)}.gauge.flash{animation:gauge-flash .55s ease-out}@keyframes gauge-flash{0%{box-shadow:0 0 #ffc878d9}to{box-shadow:0 0 0 12px #ffc87800}}.hud-right{display:grid;justify-items:end;gap:8px}.sea-state{display:grid;gap:4px;width:128px}.sea-state span{color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.2em;text-align:right}.sea-state .track{position:relative;height:6px;border:1px solid var(--line);background:#040c11cc;overflow:hidden}.sea-state .track i{position:absolute;inset:1px auto 1px 1px;width:20%;background:linear-gradient(90deg,#17475c,#63c9dd 70%,var(--ember));transition:width .4s linear}.stock{list-style:none;display:flex;gap:10px;margin:0;padding:0}.stock li{display:grid;justify-items:center;gap:2px;min-width:34px}.stock b{font:14px ui-monospace,monospace;font-weight:600;line-height:1}.stock span{color:var(--dim);font:7px ui-monospace,monospace;letter-spacing:.14em}.stock i{width:12px;height:12px;display:block}.stock i:after{content:"";display:block;width:100%;height:100%;background:var(--muted)}.icon-timber:after{background:#b98a52;clip-path:polygon(0 22%,100% 0,100% 78%,0 100%)}.icon-oil:after{background:#e0b45c;border-radius:50% 50% 40% 40%}.icon-canvas:after{background:#cbd7cf;clip-path:polygon(0 0,100% 14%,100% 100%,0 86%)}.icon-parts:after{background:#8fa3ae;clip-path:polygon(50% 0,100% 32%,82% 100%,18% 100%,0 32%)}.icon-crew:after{background:#7fd0b0;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.stock li.spent b{color:var(--dim)}.hud-actions{display:flex;gap:6px}.hud-actions button{border:1px solid var(--line);background:#061016cc;padding:7px 10px;font:9px ui-monospace,monospace;letter-spacing:.12em;transition:background .16s,border-color .16s,color .16s}.hud-actions button:hover{background:#7fd0e033;border-color:var(--line-strong)}.hud-actions button[aria-pressed=true]{color:var(--dim)}.panel{position:absolute;z-index:10;left:50%;transform:translate(-50%);bottom:16px;width:min(1000px,calc(100vw - 32px));max-height:calc(100vh - 190px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);box-shadow:0 24px 70px #0009;backdrop-filter:blur(9px);padding:16px 18px 18px}.panel-head{display:grid;gap:4px;margin-bottom:12px}.panel h2{margin:0;font-size:18px;font-weight:600;letter-spacing:.01em}.kicker{margin:0;color:var(--brine);font:9px ui-monospace,monospace;letter-spacing:.24em}.toll{margin:4px 0 0;color:var(--ember);font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(226px,1fr));gap:8px}.project{position:relative;display:grid;gap:6px;align-content:start;text-align:left;padding:10px 12px 11px;border:1px solid var(--line);background:#0a161eb8;transition:background .15s,border-color .15s,transform .15s}.project:hover:not(:disabled){background:#1c3e4ecc;border-color:var(--line-strong);transform:translateY(-1px)}.project:disabled{opacity:.42;cursor:not-allowed}.project .row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.project .name{font-size:13px;font-weight:600}.project .key{color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.1em}.project .note{color:var(--muted);font-size:11px;line-height:1.45}.project .cost{display:flex;flex-wrap:wrap;gap:8px;color:var(--brine);font:9px ui-monospace,monospace;letter-spacing:.1em}.project .cost.short{color:var(--danger)}.project .gain{color:var(--good);font:9px ui-monospace,monospace;letter-spacing:.1em}.project .blocked{color:var(--ember);font:9px ui-monospace,monospace;letter-spacing:.12em}.project.used{opacity:.5}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}.hint{margin:0;color:var(--dim);font:10px/1.5 ui-monospace,monospace;letter-spacing:.06em}button.primary{border:1px solid var(--line-strong);background:linear-gradient(180deg,#266076f2,#123444f2);color:#f2fbff;padding:11px 22px;font:11px ui-monospace,monospace;letter-spacing:.2em;font-weight:600;transition:filter .15s,transform .15s}button.primary:hover{filter:brightness(1.22);transform:translateY(-1px)}button.ghost{border:1px solid var(--line);background:#0a161e99;color:var(--muted);padding:10px 18px;font:10px ui-monospace,monospace;letter-spacing:.18em;transition:background .15s,color .15s,border-color .15s}button.ghost:hover{background:#7fd0e029;color:var(--ink);border-color:var(--line-strong)}.panel--watch{text-align:center;width:min(760px,calc(100vw - 32px))}.watch-count{margin:0;color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.24em}.panel--watch h2{margin:6px 0 2px;font-size:26px;letter-spacing:.06em}.watch-line{margin:0 0 12px;color:var(--muted);font:11px/1.6 ui-monospace,monospace;letter-spacing:.1em}.panel--watch.urgent h2{color:var(--ember)}.hands{display:flex;gap:6px;justify-content:center;margin-bottom:12px}.hands i{width:22px;height:6px;border:1px solid var(--line-strong);background:linear-gradient(90deg,var(--brine-deep),var(--brine))}.hands i.spent{background:transparent;border-color:#7fd0e040}.responses{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.response{display:grid;gap:4px;padding:11px 8px 12px;border:1px solid var(--line);background:#0a161eb8;transition:background .14s,border-color .14s,transform .14s}.response:hover:not(:disabled){background:#266076d1;border-color:var(--line-strong);transform:translateY(-2px)}.response:disabled{opacity:.36;cursor:not-allowed}.response .rname{font-size:13px;font-weight:600;letter-spacing:.03em}.response .rkey{color:var(--dim);font:9px ui-monospace,monospace}.response .rcost{color:var(--brine);font:9px ui-monospace,monospace;letter-spacing:.1em}.response.short .rcost{color:var(--danger)}.response .rhint{color:var(--dim);font-size:10px;line-height:1.4}#hold{margin-top:10px}.panel--verdict{text-align:center;width:min(640px,calc(100vw - 32px))}.panel--verdict h2{margin:8px 0 4px;font-size:24px}.verdict-line{margin:0 0 14px;color:var(--muted);font:12px/1.6 ui-monospace,monospace;letter-spacing:.06em}#log{position:absolute;z-index:7;left:18px;bottom:18px;margin:0;padding:0 0 0 12px;list-style:none;width:min(320px,30vw);max-height:34vh;overflow:hidden;border-left:1px solid var(--line);font:10px/1.65 ui-monospace,monospace;letter-spacing:.05em;color:var(--dim);pointer-events:none}#log li{opacity:.5}#log li:last-child{opacity:1;color:var(--muted)}#log li[data-tone=head]{color:var(--brine);opacity:.9}#log li[data-tone=good]{color:var(--good)}#log li[data-tone=bad]{color:var(--ember)}#log li[data-tone=fatal]{color:var(--danger)}#log li[data-tone=toll]{color:#c9a3e0}.scrim{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:24px;overflow-y:auto;background:radial-gradient(ellipse at 50% 40%,#040a10b8,#020509f0);backdrop-filter:blur(3px)}.scrim--title{align-items:center}.title-block{width:min(760px,100%);display:grid;gap:14px;text-align:left}.title-block h1{margin:0;font-size:clamp(42px,9vw,82px);line-height:.94;font-weight:700;letter-spacing:-.02em;text-shadow:0 0 60px rgba(127,208,224,.3)}.lede{margin:0;max-width:62ch;color:var(--muted);font-size:14px;line-height:1.65}.rules-grid{list-style:none;display:grid;gap:8px;margin:0;padding:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.rules-grid li{padding:10px 12px;border:1px solid var(--line);background:#081219b3;color:var(--muted);font-size:11px;line-height:1.6}.rules-grid b{display:block;color:var(--brine);font:9px ui-monospace,monospace;letter-spacing:.22em;margin-bottom:5px}.title-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.seed-line{margin:0;color:var(--dim);font:9px ui-monospace,monospace;letter-spacing:.16em}.sheet{width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;display:grid;gap:12px;padding:26px 28px;text-align:left;background:var(--panel-solid);border:1px solid var(--line);box-shadow:0 30px 90px #000000b3}.sheet--tight{width:min(440px,100%)}.sheet h2{margin:0;font-size:26px;font-weight:600}.sheet h3{margin:12px 0 0;color:var(--brine);font:10px ui-monospace,monospace;letter-spacing:.2em}.sheet p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.sheet ul{margin:6px 0 0;padding-left:18px;color:var(--muted);font-size:12px;line-height:1.7}.sheet li b{color:var(--ink)}.sheet-body{min-height:0}.sheet-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.sheet>button{justify-self:start}.scrim--result .sheet{text-align:left}.result-line{font-size:14px!important;color:var(--ink)!important}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:4px 0 0}.result-stats div{padding:9px 11px;border:1px solid var(--line);background:#081219b3;display:grid;gap:3px}.result-stats dt{color:var(--dim);font:8px ui-monospace,monospace;letter-spacing:.2em}.result-stats dd{margin:0;font:16px ui-monospace,monospace;font-weight:600}@media(min-width:1100px){.panel{inset:182px 18px 18px auto;transform:none;width:396px;max-height:none;display:flex;flex-direction:column}.panel--watch,.panel--verdict{width:430px}.panel .projects{overflow-y:auto;min-height:0;padding-right:4px;grid-template-columns:1fr;gap:6px}.panel .project{padding:7px 10px 8px;gap:2px}.panel .project .name{font-size:12.5px}.panel .project .note{font-size:10.5px;line-height:1.35}.panel .panel-head h2{font-size:16px}.panel-foot{margin-top:auto;padding-top:14px}.panel--watch .responses{grid-template-columns:repeat(2,1fr)}.panel--verdict,.panel--watch{justify-content:center}.panel--verdict .primary{justify-self:center}#log{left:22px;bottom:22px;width:300px}}@media(max-width:1099px){#hud{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.hud-mid{order:3;width:100%;gap:10px}.gauge{flex:1;width:auto;gap:2px}.gauge span{font-size:7px;letter-spacing:.14em}.gauge b{font-size:11px}.hud-right{gap:5px}.sea-state{width:96px}.stock{gap:7px}.stock b{font-size:13px}#status{top:150px}.panel{bottom:8px;padding:12px 12px 14px;max-height:48vh;display:flex;flex-direction:column}.panel .projects{overflow-y:auto;min-height:0;padding-right:2px}.panel-foot{margin-top:auto;padding-top:10px}.panel--watch,.panel--verdict{justify-content:center}.panel h2{font-size:16px}.panel-head{margin-bottom:9px}.project{padding:9px 10px;gap:3px}.project .note{display:none}.project .name{font-size:12px}.projects{gap:6px}.panel-foot{margin-top:10px;gap:10px}.hint{font-size:9px}.responses{grid-template-columns:repeat(2,1fr);gap:6px}.response{padding:9px 8px;gap:2px}.response .rhint{display:none}.panel--watch h2{font-size:19px}.watch-line{margin-bottom:9px;font-size:10px}#hold{margin-top:8px;padding:9px 18px}#log{display:none}.sheet{padding:20px 18px}.title-block h1{font-size:46px}.rules-grid{grid-template-columns:1fr}.rules-grid li:nth-child(n+3){display:none}}@media(pointer:coarse){.project,.response{padding:14px 12px}button.primary{padding:14px 24px}.hud-actions button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.05s!important}}