*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2e3044;--text:#e2e4f0;--muted:#8188b0;--accent:#4fd1c5}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:Segoe UI,system-ui,sans-serif}#root{justify-content:center;align-items:center;min-height:100dvh;padding:2rem 1.25rem;display:flex}:is(body:has(.game-screen) #root,body:has(.end-screen) #root){align-items:stretch;padding:1rem}.title-screen{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:28rem;display:flex}.title-screen h1{letter-spacing:-.02em;color:var(--accent);font-size:2.5rem;font-weight:700}.pitch{color:var(--muted);font-size:1rem;line-height:1.5}.start-form{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;display:flex}.start-form label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left;font-size:.75rem}.start-form input{font:inherit;letter-spacing:.1em;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.5rem;padding:.65rem .85rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.start-form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.start-form button{font:inherit;background:var(--accent);color:#0f1117;cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1rem;font-weight:600}.start-form button:disabled{opacity:.5;cursor:not-allowed}.start-form button:not(:disabled):hover{filter:brightness(1.1)}.game-screen{flex-direction:column;gap:1rem;width:100%;max-width:72rem;margin:0 auto;display:flex}.seed-readout{color:var(--muted);font-size:1.1rem}.seed-readout strong{letter-spacing:.1em;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.back-link{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.85rem;text-decoration:underline}.back-link:hover{color:var(--text)}.hud{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.hud .seed-readout{font-size:.9rem}.hud-stats{font-variant-numeric:tabular-nums;gap:1.25rem;font-weight:600;display:flex}.game-layout{grid-template-columns:minmax(0,1.4fr) minmax(18rem,1fr);align-items:start;gap:1rem;display:grid}@media (width<56rem){.game-layout{grid-template-columns:1fr}}.side-panel{flex-direction:column;gap:1rem;min-width:0;display:flex}.network-map{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;width:100%}.site{cursor:pointer}.site circle{fill:var(--muted);stroke:var(--bg);stroke-width:.4px}.site circle.site-hit-area{fill:#0000;stroke:none}.site--hub circle{fill:#f2c14e}.site--town circle{fill:var(--accent)}.site--customer circle{fill:#8188b0}.site--selected circle{stroke:#fff;stroke-width:.8px}.site-label{fill:var(--muted);text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:2.4px}.link{stroke-width:.6px;cursor:pointer}.link--green{stroke:#3ecf8e}.link--amber{stroke:#e5b34a}.link--red{stroke:#e5573f}.link--down{stroke:#e5573f;stroke-dasharray:2 1.5}.build-panel{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:.5rem;padding:1rem;position:relative}.build-panel header h2{font-size:1.1rem}.build-panel .span-info{color:var(--muted);font-size:.8rem}.build-panel .cancel-link{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:.75rem;right:.75rem}.current-link{color:var(--muted);margin-top:.5rem}.link-options{flex-direction:column;gap:.75rem;margin-top:.75rem;list-style:none;display:flex}.link-option{border:1px solid var(--border);border-radius:.4rem;flex-direction:column;gap:.4rem;padding:.6rem;display:flex}.link-option--disabled{opacity:.5}.link-type{text-transform:capitalize;font-weight:700}.link-specs{grid-template-columns:repeat(2,1fr);gap:.25rem .75rem;font-size:.8rem;display:grid}.link-specs dt{color:var(--muted)}.link-option button{font:inherit;background:var(--accent);color:#0f1117;cursor:pointer;border:none;border-radius:.4rem;align-self:flex-start;padding:.4rem .8rem;font-size:.85rem}.link-option button:disabled{opacity:.5;cursor:not-allowed;background:var(--border);color:var(--muted)}.already-built{color:var(--muted);font-size:.8rem}.decommission{font:inherit;color:#e5573f;cursor:pointer;background:0 0;border:1px solid #e5573f;border-radius:.4rem;margin-top:.75rem;padding:.5rem .9rem;font-size:.85rem}.build-error{color:#e5573f;font-size:.85rem}.advance-tick{font:inherit;background:var(--accent);color:#0f1117;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1rem;font-weight:700}.advance-tick:hover{filter:brightness(1.1)}.tick-report{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:.5rem;padding:1rem;font-size:.85rem}.tick-report h2{margin-bottom:.5rem;font-size:1rem}.tick-economy{grid-template-columns:repeat(2,1fr);gap:.3rem 1rem;margin-bottom:.6rem;display:grid}.tick-economy dt{color:var(--muted)}.tick-economy .net dd{color:var(--accent);font-weight:700}.tick-events,.tick-outcomes{flex-direction:column;gap:.2rem;margin:.4rem 0 .4rem 1.1rem;list-style:outside;display:flex}.tick-clean-count{color:var(--muted);margin-top:.4rem}.end-screen{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:28rem;display:flex}.end-reason{color:var(--muted)}.end-score{grid-template-columns:repeat(2,1fr);gap:.75rem 1.5rem;width:100%;display:grid}.end-score dt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.75rem}.end-score dd{color:var(--accent);font-size:1.2rem;font-weight:700}.end-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.end-actions button{font:inherit;background:var(--accent);color:#0f1117;cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1.1rem;font-weight:600}.end-actions .new-seed{background:var(--border);color:var(--text)}