:root{--game-scale:2;--bg:#0e0b09;--panel:#1c140fe6;--panel-edge:#6b5236;--panel-inner:#2a1e14;--text:#f1e4c8;--muted:#a8977c;--accent:#e0a040;--steam:#d8dde4;--fire:#e8702a;--coal:#6a6a7a;--water:#4a9ad8;--good:#7ad25a;--warn:#ffc04a;--bad:#e8503a;--u:calc(6px + var(--game-scale) * 3.5px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:VT323,monospace;font-size:var(--u);-webkit-user-select:none;user-select:none;margin:0;line-height:1.1;overflow:hidden}#game{position:fixed;inset:0;overflow:hidden}#game canvas{image-rendering:pixelated;display:block}#ui{pointer-events:none;position:fixed;inset:0}.hud{position:absolute;inset:0}.panel{pointer-events:auto;background:var(--panel);border:2px solid var(--panel-edge);box-shadow:inset 0 0 0 2px var(--panel-inner), 4px 4px 0 #00000073;padding:.5em .7em .6em;position:absolute}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 .4em;font-family:Silkscreen,monospace;font-size:.75em;font-weight:400}h3{text-transform:uppercase;color:var(--accent);margin:.7em 0 .3em;font-family:Silkscreen,monospace;font-size:.65em;font-weight:400}p{margin:.35em 0}.muted{color:var(--muted)}.small{font-size:.85em}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.row{justify-content:space-between;gap:1em;display:flex}button{color:#1a120c;background:var(--accent);cursor:pointer;border:0;padding:.2em .6em;font-family:VT323,monospace;font-size:1em;box-shadow:inset -2px -2px #0000004d,inset 2px 2px #ffffff4d}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{color:var(--muted);cursor:not-allowed;background:#4a3a2a}.toasts{flex-direction:column;align-items:center;gap:.3em;display:flex;position:absolute;top:1em;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:2px solid var(--panel-edge);padding:.2em .7em;animation:.25s steps(3,end) rise}.toast.good{border-color:var(--good)}.toast.warn{border-color:var(--warn)}.toast.bad{border-color:var(--bad)}.paused,.modal-backdrop{pointer-events:auto;background:#0a06048c;place-items:center;display:grid;position:absolute;inset:0}.paused .panel,.modal{text-align:center;position:relative}.modal{text-align:left;width:22em}.modal h2{color:var(--bad);font-size:1em}.choices{flex-direction:column;gap:.5em;margin-top:.6em;display:flex}.choice{text-align:left;flex-direction:column;align-items:flex-start;gap:.15em;padding:.4em .6em;display:flex}.choice span{font-size:.9em}.choice.subtle{color:var(--text);background:#3a2a1c}@keyframes blink{50%{opacity:.4}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.trade td{vertical-align:middle;padding:.1em 0}.trade .sell{text-align:right}.trade button{padding:0 .5em}.pause-menu{text-align:left;width:16em}.pause-menu h3{margin-top:.2em}.segmented{gap:2px;display:flex}.segmented button{color:var(--muted);background:#3a2a1c;flex-direction:column;flex:1;align-items:center;padding:.25em .4em;display:flex}.segmented button span{font-size:.8em}.segmented button.on{background:var(--accent);color:#1a120c}.pause-menu .resume{width:100%;margin-top:.8em;display:block}.dashboard{height:var(--dash-h,14em);pointer-events:auto;background:repeating-linear-gradient(0deg,#ffffff04 0 2px,#0000 2px 5px),linear-gradient(#3a2c20,#261b13 60%,#1c140e);border-top:3px solid #8a6a32;align-items:stretch;gap:.5em;padding:.75em .6em .5em;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:inset 0 3px #d9b864,inset 0 6px #5a4220,0 -4px #00000059}.plate{background:linear-gradient(#1f1711,#17110c);border:2px solid #5a4428;flex-direction:column;flex:none;min-height:0;padding:.9em .65em .45em;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0c0805,inset 0 2px 6px #0009,1px 1px #ffdc9614}.plate:before,.plate:after{content:"";background:radial-gradient(circle at 35% 35%,#f0d690,#8a6a32 60%,#3a2a14);border-radius:50%;width:4px;height:4px;position:absolute;top:3px}.plate:before{left:3px}.plate:after{right:3px}.nameplate{white-space:nowrap;color:#2a1c0c;text-shadow:0 1px #fff0c899;background:linear-gradient(#ecd38a,#c9a24a 55%,#a0782e);border:1px solid #5a4220;margin:0;padding:.15em .6em;font-size:.6em;position:absolute;top:-.55em;left:50%;transform:translate(-50%);box-shadow:0 1px #00000080}.plate-body{flex:1;gap:.6em;min-height:0;display:flex}.dial{flex-direction:column;align-items:center;display:flex}.dial svg{filter:drop-shadow(1px 2px #00000080);width:7.5em;height:7.5em;display:block}.dial-num{text-anchor:middle;fill:#2a1c0c;font-family:VT323,monospace;font-size:6.5px}.dial-label{text-anchor:middle;fill:#6a5432;font-family:Silkscreen,monospace;font-size:3.6px}.dial-readout,.gauge-value{text-align:center;color:#ffb84a;text-shadow:0 0 4px #ffa02899;background:#0b0906;border:1px solid #4a3a2a;min-width:3.2em;margin-top:.2em;padding:0 .4em}.odo{font-size:1.15em}.gauge-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:.15em;display:flex}.gauge-label{color:var(--muted);text-transform:uppercase;font-family:Silkscreen,monospace;font-size:.5em}.gauge-col.low .gauge-label,.gauge-value.bad{color:var(--bad)}.gauge-col.low .gauge-value{color:var(--bad);animation:.8s steps(2,end) infinite blink}.speed-plate .plate-body,.boiler-plate .plate-body{align-items:center}.speed-plate .plate-body{flex-direction:column;gap:.3em}.glass{background:#0e1418;border:2px solid #c9a24a;border-radius:.65em;width:1.3em;height:6.5em;position:relative;overflow:hidden;box-shadow:inset 2px 0 #ffffff26}.glass-fill{transition:height .2s linear;position:absolute;bottom:0;left:0;right:0}.glass-marks{background:repeating-linear-gradient(#0000 0 calc(25% - 1px),#ffffff40 calc(25% - 1px) 25%);position:absolute;inset:0}.firebox{background:#0b0705;border:3px solid #4a4038;border-radius:.6em .6em .2em .2em;width:3.4em;height:3.4em;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #222}.fire-glow{background:radial-gradient(at 50% 100%,#ffd25a,#e8702a 45%,#6a1a08 80%,#0000);animation:.6s steps(3,end) infinite flicker;position:absolute;inset:0}.fire-coals{opacity:.85;background:repeating-linear-gradient(90deg,#2a1a12 0 4px,#3a241a 4px 7px);position:absolute;bottom:0;left:0;right:0}.firebox.low{border-color:var(--bad)}.quadrant{cursor:pointer;background:linear-gradient(90deg,#0000 0 40%,#0b0906 40% 60%,#0000 60%);width:2.2em;height:6.5em;margin:0 .4em;position:relative}.quadrant:before{content:"";border-left:2px solid #8a6a32;border-right:2px solid #8a6a32;border-radius:.3em;position:absolute;inset:0}.notch{background:#c9a24a;height:1px;position:absolute;left:15%;right:15%}.lever{background:linear-gradient(#f2d57e,#c9a24a 50%,#7a5a26);border:1px solid #2a1c0c;border-radius:.3em;height:.6em;margin-bottom:-.3em;transition:bottom .1s linear;position:absolute;left:-.2em;right:-.2em}.reverser-plate{flex-direction:column;gap:2px;display:flex}.rev{text-align:center;width:2em;color:var(--muted);background:#0b0906;border:1px solid #4a3a2a;font-family:Silkscreen,monospace;font-size:.7em}.rev.on{background:var(--accent);color:#1a120c;border-color:#f2d57e}.brake-lamp{color:#5a2a20;background:#2a0f0b;border:1px solid #4a2a20;border-radius:.3em;margin-top:.4em;padding:.25em .4em;font-family:Silkscreen,monospace;font-size:.55em}.brake-lamp.on{color:#fff;background:radial-gradient(#ff7a5a,#c0392b);box-shadow:0 0 8px #e8503a}.controls-plate .plate-body{align-items:flex-end}.lamp-row{white-space:nowrap;align-items:center;gap:.35em;display:flex}.lamp{background:#3a3028;border:1px solid #000;border-radius:50%;flex:none;width:.7em;height:.7em}.lamp.good{background:radial-gradient(circle at 35% 35%,#d8ffb0,#5ac23a);box-shadow:0 0 6px #7ad25a}.lamp.warn{background:radial-gradient(circle at 35% 35%,#fff0b0,#e0a020);box-shadow:0 0 6px #ffc04a}.lamp.bad{background:radial-gradient(circle at 35% 35%,#ffc0b0,#d8402a);box-shadow:0 0 6px #e8503a}.lamp.blink{animation:.5s steps(2,end) infinite blink}.lamp-row.bad{color:var(--bad)}.lamp-row.warn{color:var(--warn)}.cart-plate,.route-plate,.help-plate{width:13em}.cart-plate .plate-body,.route-plate .plate-body,.help-plate .plate-body{flex-direction:column;gap:.2em;overflow-y:auto}.cargo{flex-wrap:wrap;gap:.25em;display:flex}.chip{background:#3a2a1c;padding:0 .35em}.orders-title{color:var(--muted);text-transform:uppercase;margin-top:.4em;font-family:Silkscreen,monospace;font-size:.5em}.orders{grid-template-columns:1fr 1fr;gap:.1em .5em;display:grid}.order{color:var(--muted);cursor:pointer;align-items:center;gap:.35em;display:flex}.order.on{color:var(--text)}.order input{display:none}.switch{background:#0b0906;border:1px solid #5a4428;flex:none;width:1.2em;height:.65em;position:relative}.switch:after{content:"";background:#6a5a48;width:45%;position:absolute;top:0;bottom:0;left:0}.order.on .switch{border-color:var(--good)}.order.on .switch:after{background:var(--good);left:auto;right:0}.money{color:#ffd95a;text-shadow:0 0 6px #ffc83c66;font-size:1.6em;line-height:1}.timescale{color:var(--accent);font-family:Silkscreen,monospace}.next{border-top:1px solid #4a3a2a;margin-top:.2em;padding-top:.2em}.tags{flex-wrap:wrap;gap:.3em;margin:.2em 0;display:flex}.tag{white-space:nowrap;border:1px solid;padding:.2em .4em;font-family:Silkscreen,monospace;font-size:.5em}.tag-water{color:#8ac4f0}.tag-shop{color:#e0c070}.tag-bad{color:var(--bad)}.tag-good{color:var(--good)}.tag-neutral{color:var(--muted)}.station-plate{flex:1 0 30em}.station-plate .plate-body{gap:1em}.station-col{flex:1;min-width:13em;overflow-y:auto}.station-col h3:first-child{margin-top:0}.water-row{justify-content:space-between;align-items:center;gap:.6em;margin:.3em 0;display:flex}table{border-collapse:collapse;width:100%}.brief th{color:var(--muted);text-align:left;padding-bottom:.2em;font-family:Silkscreen,monospace;font-size:.5em;font-weight:400}.brief td{padding:0}.help-plate{flex:1 0 18em}.keys{grid-template-columns:repeat(2,auto 1fr);gap:0 .6em;margin:0;display:grid}.keys dt{color:var(--accent);white-space:nowrap}.keys dd{margin:0}.help-hint{color:var(--muted);align-self:flex-end;margin-left:auto}@keyframes flicker{33%{filter:brightness(1.15)}66%{filter:brightness(.92)}}