*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#10151d;--panel:#1a212c;--panel-2:#232c3a;--panel-3:#2d3848;--line:#313d4e;--ink:#edf1f6;--ink-2:#97a3b4;--ink-3:#6b7788;--accent:#f5a83c;--accent-ink:#241503;--good:#58c98b;--bad:#e06c6c;--r-sm:8px;--r-md:12px;--r-lg:16px;--shadow:0 8px 28px #04080e80}html{font-size:clamp(12px,.45vw + 7.6px,17px)}html,body{background:var(--bg);width:100%;height:100%;overflow:hidden}#boot{z-index:9999;background:var(--bg);place-content:center;gap:.75rem;transition:opacity .35s,visibility .35s;display:grid;position:fixed;inset:0}#boot.done{opacity:0;visibility:hidden;pointer-events:none}#boot p{letter-spacing:.04em;color:var(--ink-2);font-size:.9rem;font-weight:600}.boot-mark{background:var(--accent);border-radius:.55rem;width:2.4rem;height:2.4rem;margin:0 auto;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M184 32H72a24 24 0 0 0-24 24v120a32 32 0 0 0 32 32l-14 18v6h20l19-24h46l19 24h20v-6l-14-18a32 32 0 0 0 32-32V56a24 24 0 0 0-24-24Zm-24 144a16 16 0 1 1 16-16a16 16 0 0 1-16 16Zm-64 0a16 16 0 1 1 16-16a16 16 0 0 1-16 16Zm88-64H72V64h112Z'/%3E%3C/svg%3E") 50%/70% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='M184 32H72a24 24 0 0 0-24 24v120a32 32 0 0 0 32 32l-14 18v6h20l19-24h46l19 24h20v-6l-14-18a32 32 0 0 0 32-32V56a24 24 0 0 0-24-24Zm-24 144a16 16 0 1 1 16-16a16 16 0 0 1-16 16Zm-64 0a16 16 0 1 1 16-16a16 16 0 0 1-16 16Zm88-64H72V64h112Z'/%3E%3C/svg%3E") 50%/70% no-repeat}body{color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;font-family:Outfit Variable,Segoe UI,system-ui,sans-serif}#app{position:fixed;inset:0}#app canvas{touch-action:none;display:block}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}.icon{flex-shrink:0;width:1.05em;height:1.05em;display:inline-flex}.icon svg{width:100%;height:100%}.icon svg path{fill:currentColor}.icon svg rect{fill:none}.btn{background:var(--panel-2);color:var(--ink);cursor:pointer;border-radius:var(--r-sm);font:inherit;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--panel-3)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn.active{background:var(--accent);color:var(--accent-ink)}.btn.small{padding:.35rem .55rem;font-size:.78rem}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:#ffbd5e}.btn.quiet{border-color:var(--line);background:0 0}.btn.quiet:hover{background:var(--panel-2)}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.45;cursor:not-allowed}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);white-space:nowrap;align-items:center;gap:.9rem;max-width:calc(100vw - 1.5rem);padding:.55rem 1rem;display:flex;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.topbar-stats{align-items:center;gap:.9rem;display:flex}.topbar-actions{align-items:center;gap:.45rem;display:flex}.stat{flex-direction:column;align-items:flex-start;min-width:5.2rem;display:flex}.stat .v{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.stat .v.cash{color:var(--good)}.stat .v.cash.neg{color:var(--bad)}.stat .k{color:var(--ink-3);font-size:.68rem}.divider{background:var(--line);width:1px;height:1.9rem}.speed-group{gap:.25rem;display:flex}.speed-group .btn{min-width:2.1rem}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;gap:.3rem;width:12rem;padding:.6rem;display:flex;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.toolbar .section{color:var(--ink-3);margin:.45rem .25rem .15rem;font-size:.68rem;font-weight:600}.toolbar .section:first-child{margin-top:0}.tool{text-align:left;justify-content:flex-start;width:100%}.tool .swatch{border-radius:4px;flex-shrink:0;width:.8rem;height:.8rem}.tool .price{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.72rem;font-weight:500}.tool .key{color:var(--ink-3);border:1px solid var(--line);border-radius:4px;margin-left:auto;padding:.05rem .3rem;font-size:.65rem}.tool .price+.key,.tool .key+.price{margin-left:.4rem}.tool.active .price,.tool.active .key{color:inherit;opacity:.75;border-color:currentColor}.inspector{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);width:17rem;box-shadow:var(--shadow);max-height:calc(100vh - 12rem);padding:1rem;position:absolute;top:4.5rem;right:.75rem;overflow-y:auto}.inspector h3{margin-bottom:.1rem;padding-right:1.5rem;font-size:1rem;font-weight:700}.inspector .sub{color:var(--ink-2);margin-bottom:.7rem;font-size:.75rem}.inspector .row{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.32rem 0;font-size:.82rem;display:flex}.inspector .row:last-of-type{border-bottom:none}.inspector .row .k{color:var(--ink-2);flex-shrink:0}.inspector .row span:last-child{text-align:right}.inspector .actions{flex-direction:column;gap:.4rem;margin-top:.8rem;display:flex}.inspector .actions .btn{width:100%}.inspector .close{color:var(--ink-3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;display:flex;position:absolute;top:.6rem;right:.6rem}.inspector .close:hover{background:var(--panel-2);color:var(--ink)}.modal-backdrop{background:#06090ea8;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:absolute;inset:0}.modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);width:min(46rem,92vw);box-shadow:var(--shadow);max-height:86vh;padding:1.5rem;overflow-y:auto}.modal h2{align-items:center;gap:.5rem;font-size:1.3rem;display:flex}.modal .sub{color:var(--ink-2);margin:.25rem 0 1.1rem;font-size:.85rem}.modal-footer{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.tier-cards{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}@media (width<=700px){.tier-cards{grid-template-columns:1fr}}.tier-card{background:var(--panel-2);border-radius:var(--r-md);border:1px solid var(--line);flex-direction:column;gap:.35rem;padding:.9rem;display:flex}.tier-card:hover{border-color:var(--ink-3)}.tier-card .icon{width:1.6rem;height:1.6rem;color:var(--accent)}.tier-card h4{margin-top:.2rem;font-size:.9rem}.tier-card .desc{color:var(--ink-2);flex:1;font-size:.74rem;line-height:1.45}.tier-card .spec{color:var(--ink-2);justify-content:space-between;font-size:.74rem;display:flex}.tier-card .spec b{color:var(--ink);font-weight:600}.tier-card .price{margin-top:.3rem;font-size:1rem;font-weight:700}.steps{flex-direction:column;gap:.9rem;margin:.4rem 0 .6rem;display:flex}.step{align-items:flex-start;gap:.8rem;display:flex}.step .icon{background:var(--panel-2);border-radius:var(--r-md);width:2.1rem;height:2.1rem;color:var(--accent);flex-shrink:0;padding:.45rem}.step h4{margin-bottom:.1rem;font-size:.9rem}.step p{color:var(--ink-2);font-size:.8rem;line-height:1.5}.controls-hint{color:var(--ink-3);margin-top:.9rem;font-size:.75rem;line-height:1.6}.controls-hint b{color:var(--ink-2);font-weight:600}.toasts{flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.82rem;animation:.18s ease-out toast-in;display:flex}.toast .icon{color:var(--ink-3)}.toast.good .icon{color:var(--good)}.toast.bad .icon{color:var(--bad)}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes fade-in{0%{opacity:0}}.hintbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:.75rem;max-width:calc(100vw - 1.5rem);padding:.55rem 1.1rem;font-size:.82rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.hintbar b{color:var(--accent);font-weight:600}.hintbar .cost{color:var(--good);font-variant-numeric:tabular-nums;font-weight:700}.hintbar .icon{color:var(--ink-3);flex-shrink:0}.hint-actions{flex-shrink:0;gap:.35rem;display:inline-flex}.fleet{flex-direction:column;align-items:flex-end;gap:.35rem;max-height:40vh;display:flex;position:absolute;bottom:1rem;right:.75rem;overflow-y:auto}.train-chip{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--shadow);align-items:center;gap:.5rem;padding:.4rem .7rem;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.train-chip:hover{background:var(--panel-2)}.train-chip .icon{color:var(--ink-2)}.train-chip .load{color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:500}.train-chip.noroute{border-color:var(--accent)}.train-chip.noroute .load{color:var(--accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-track{background:0 0}@media (width<=860px){.toolbar{width:10.5rem}.stat{min-width:4.2rem}.inspector{width:15rem}}@media (width<=768px),(pointer:coarse){html{font-size:clamp(12px,2.8vw,15px)}.btn{min-height:2.5rem;padding:.45rem .6rem}.btn.small{min-height:2.15rem;padding:.35rem .5rem}.topbar{top:max(.35rem, env(safe-area-inset-top));flex-direction:column;align-items:stretch;gap:.35rem;max-width:none;padding:.4rem .45rem;left:.4rem;right:.4rem;transform:none}.topbar-stats{grid-template-columns:repeat(4,1fr);gap:.15rem .35rem;width:100%;display:grid}.topbar-actions{flex-wrap:wrap;justify-content:center;gap:.3rem;width:100%}.stat{flex:none;align-items:center;min-width:0}.stat .v{font-size:.82rem}.stat .k{letter-spacing:0;font-size:.55rem}.divider{display:none}.speed-group .btn{min-width:2.1rem;padding-inline:.4rem}#hud-map-toggle{text-overflow:ellipsis;max-width:6.5rem;font-size:.72rem;overflow:hidden}#hud-map-toggle .map-label{display:none}.toolbar{-webkit-overflow-scrolling:touch;border-radius:var(--r-md) var(--r-md) 0 0;width:auto;max-width:none;padding:.35rem .4rem max(.4rem, env(safe-area-inset-bottom));scroll-snap-type:x proximity;border-bottom:none;flex-flow:row;gap:.28rem;inset:auto 0 0;overflow-x:auto;transform:none}.toolbar .section{display:none}.tool{scroll-snap-align:start;flex:none;justify-content:center;width:auto;min-width:2.55rem;min-height:2.55rem;padding:.45rem}.tool .tool-label,.tool .price,.tool .key{display:none!important}.hintbar{left:.4rem;right:.4rem;bottom:calc(3.35rem + env(safe-area-inset-bottom));white-space:normal;text-align:center;flex-wrap:wrap;justify-content:center;max-height:3.6rem;padding:.4rem .6rem;font-size:.72rem;line-height:1.35;overflow:hidden;transform:none}.hintbar:not(.visible){display:none!important}.toasts{bottom:calc(5.5rem + env(safe-area-inset-bottom));align-items:stretch;left:.4rem;right:.4rem;transform:none}.toast{border-radius:var(--r-md);justify-content:flex-start;padding:.45rem .75rem;font-size:.78rem}.fleet{top:calc(4.6rem + env(safe-area-inset-top));flex-direction:column;align-items:flex-end;max-width:9rem;max-height:28vh;bottom:auto;left:auto;right:.4rem;overflow:hidden auto}.train-chip{padding:.32rem .55rem;font-size:.72rem}.inspector{width:auto;top:auto;left:.4rem;right:.4rem;bottom:calc(3.5rem + env(safe-area-inset-bottom));border-radius:var(--r-md) var(--r-md) 0 0;max-height:min(38vh,14rem)}.modal{width:min(46rem,96vw);margin:max(.4rem, env(safe-area-inset-top)) 0 max(.4rem, env(safe-area-inset-bottom))}}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/3DTrainSim/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/3DTrainSim/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}