@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@600;700;800&display=swap";.route-stops{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.route-stops i{width:6px!important;height:6px!important;flex:0!important;border:1px solid #fff7c6;border-radius:50%;background:#153442}.route-stops i.visited{background:#d6e2dc}.route-stops i.next{width:9px!important;height:9px!important;background:#f3ce40;box-shadow:0 0 8px #f3ce40}.route-menu{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#07131dcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:none}.route-menu>div{width:min(430px,100%);padding:28px;border:1px solid #aacbd166;border-radius:16px;background:linear-gradient(135deg,#173d4dee,#0d2530ee);box-shadow:0 20px 60px #0009}.route-menu p{margin:0;color:#f3ce40;font:500 11px DM Mono,monospace;letter-spacing:2px}.route-menu h1{margin:8px 0 20px;font-size:32px}.route-menu>div>span{display:block;margin:-12px 0 18px;color:#d6e2dc}.route-menu button{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:9px;padding:13px 15px;border:1px solid #aacbd166;border-radius:10px;background:#163d4de8;text-align:left}.route-menu button:hover{background:#285b53}.route-menu button b{font-size:16px}.route-menu button span{color:#d6e2dc;font:500 10px DM Mono,monospace}.control-dock{pointer-events:auto;position:absolute;left:38px;bottom:42px;display:flex;align-items:flex-end;gap:12px}.control-dock .speedometer{position:static!important;left:auto!important;bottom:auto!important;transform:none!important}.control-dock .controls{position:static!important;left:auto!important;bottom:auto!important}@media(max-width:600px){.control-dock{left:28px;bottom:82px;gap:7px;transform:scale(.72);transform-origin:bottom left}.control-dock .drive,.control-dock .horn{width:48px;height:48px}}.speedometer{width:66px!important}.speedometer-face{width:66px!important;background:linear-gradient(to top,#3fa65a 0 70%,#e4a839 70% 85%,#c94b48 85% 100%)!important}.speedometer-face:before,.tick{display:none!important}.needle{left:8px!important;width:50px!important;box-shadow:0 1px 3px #071925!important}.target-needle{background:#1c2b2f!important;box-shadow:none!important}.actual-needle{background:#fff!important}.speed-value{right:0!important;top:62px!important;width:66px!important;color:#fff;text-shadow:0 1px 3px #071925!important}.speed-value strong{font-size:23px!important}.speed-value small{color:#fff!important}.route-line{position:relative;height:20px;display:block!important}.route-track{position:absolute;top:9px;left:0;right:0;height:2px;background:#ffd441}.route-train{position:absolute;z-index:1;top:4px;left:var(--journey-position,0%);width:12px;height:12px;border:2px solid #fff7c6;border-radius:50%;background:#f3ce40;box-shadow:0 0 0 3px #153442,0 0 10px #f3ce40;transform:translate(-50%);transition:left .25s linear}.speedometer{width:110px!important}.speedometer-face{height:210px!important;width:110px!important;overflow:hidden!important;border:1px solid #aacbd166!important;background:linear-gradient(to top,#3fa65a 0 70%,#e4a839 70% 85%,#c94b48 85% 100%)!important;box-shadow:0 4px #071925,0 12px 26px #051015aa!important}.speedometer-face:before,.control-label{display:none!important}.tick{display:block!important;left:4px!important;width:100px!important;height:12px!important;border-bottom:1px solid #ffffff66;font:700 8px/12px DM Mono,monospace!important;color:#fff!important;text-align:left}.t100{bottom:calc(88% - 6px)!important}.t90{bottom:calc(83.44% - 6px)!important}.t80{bottom:calc(75.84% - 6px)!important}.t70{bottom:calc(68.24% - 6px)!important}.t60{bottom:calc(60.64% - 6px)!important}.t50{bottom:calc(53.04% - 6px)!important}.t40{bottom:calc(45.44% - 6px)!important}.t30{bottom:calc(37.84% - 6px)!important}.t20{bottom:calc(30.24% - 6px)!important}.t10{bottom:calc(22.64% - 6px)!important}.t0{bottom:calc(15.04% - 6px)!important}.needle{left:8px!important;width:94px!important}.speed-value{right:0!important;top:88px!important;width:110px!important}.speed-value strong{font-size:30px!important;line-height:28px!important}.speed-key{display:none!important}.controls{left:166px!important}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#0b1b26;color:#f5f4ed;font-family:Manrope,system-ui,sans-serif}#world{position:fixed;inset:0;width:100%;height:100%;background:#a9c9dd}.hud{pointer-events:none;position:fixed;inset:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-shadow:0 2px 8px #07131dcc}.hud header,.route,.top-readouts,.controls,.hint,.notice{pointer-events:auto}header{display:flex;justify-content:space-between;align-items:center}.brand{font-size:13px;letter-spacing:2.3px;font-weight:800}.brand span{color:#f3ce40;font-size:18px;margin-right:8px}button{font:inherit;color:inherit;border:0;cursor:pointer}header button{background:#102d3ba8;width:39px;height:39px;border-radius:50%;font-size:21px}.route{position:absolute;top:14px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:120px 170px 120px;align-items:center;text-align:center}.route small,.top-readouts small,.controls small{display:block;font:500 9px DM Mono,monospace;letter-spacing:1.4px;color:#d6e2dc}.route b{font-size:16px;display:block}.route em{font:500 10px DM Mono,monospace;color:#fff0a3;font-style:normal}.right{text-align:right}.route>div:first-child{text-align:left}.route-line{display:flex;align-items:center;gap:6px;color:#ffda48}.route-line i{height:2px;background:#ffd441;flex:1}.route-line span{font-size:19px}.top-readouts{position:absolute;top:70px;right:22px;display:flex;gap:8px;margin:0}.top-readouts div{background:#102a38c9;border:1px solid #a9c6cc66;border-radius:10px;min-width:94px;padding:7px 10px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.top-readouts strong{font-size:22px;line-height:22px}.top-readouts strong small{display:inline;font-size:9px}.speedometer{position:absolute;left:22px;bottom:42px;width:126px;text-align:center}.speedometer-face{height:224px;width:126px;position:relative;border:6px solid #809aa0;border-radius:13px;background:linear-gradient(135deg,#173847,#0b202b);box-shadow:0 7px #081923,0 12px 26px #051015aa}.speedometer-face:before{content:"";position:absolute;left:31px;top:17px;bottom:17px;width:2px;background:#c6d7d2;box-shadow:0 0 8px #d9e9e3}.tick{position:absolute;left:5px;font:700 11px DM Mono,monospace;color:#eaf1ed}.t80{bottom:calc(88% - 6px)}.t70{bottom:calc(78.5% - 6px)}.t60{bottom:calc(69% - 6px)}.t50{bottom:calc(59.5% - 6px)}.t40{bottom:calc(50% - 6px)}.t30{bottom:calc(40.5% - 6px)}.t20{bottom:calc(31% - 6px)}.t10{bottom:calc(21.5% - 6px)}.t0{bottom:calc(12% - 6px)}.needle{position:absolute;z-index:2;left:29px;bottom:var(--needle-position,12%);width:90px;height:3px;border-radius:0 4px 4px 0;transition:bottom .18s linear}.actual-needle{z-index:3;background:#f3f6ef;box-shadow:0 0 7px #fff}.target-needle{height:4px;background:#f4c943;box-shadow:0 0 8px #f4c943}.speed-value{position:absolute;z-index:5;right:2px;top:93px;width:61px;text-shadow:none}.speed-value strong{display:block;font:800 26px DM Mono,monospace;line-height:24px}.speed-value small{font:500 8px DM Mono,monospace;letter-spacing:1.5px;color:#baceca}.speed-key{display:flex;justify-content:center;gap:11px;margin-top:8px;font:500 8px DM Mono,monospace;letter-spacing:.5px}.speed-key span{display:flex;align-items:center;gap:4px}.speed-key i{width:9px;height:3px;background:#f2f5ee;display:inline-block}.speed-key span+span i{background:#f4c943;height:4px}.notice{position:absolute;top:126px;right:22px;width:196px;background:#102a38dc;border-left:4px solid #f2ce47;padding:9px 11px;border-radius:5px;font-size:11px;line-height:1.4;text-align:left}.controls{position:absolute;left:162px;bottom:80px;display:flex;flex-direction:column;gap:7px}.drive,.horn{width:48px;height:48px;border-radius:13px;background:#133848e8;border:1px solid #aacbd166;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px #071925}.drive span{font-size:17px}.drive small,.horn small{font-size:9px}.throttle{background:#2d684be8}.brake{background:#913a3de8}.horn{width:48px;background:#b77c21e8;font-size:21px}.dial{width:70px;height:70px;border-radius:50%;border:4px solid #d9b94a;background:#142e3aeb;display:flex;flex-direction:column;align-items:center;justify-content:center}.dial span{font-size:24px;font-weight:800}.hint{align-self:center;text-align:center;margin:8px 0 0;font-size:11px;color:#e0e9e7}kbd{border:1px solid #bcd0ca;border-radius:3px;padding:1px 4px;font-family:inherit}@media(max-width:600px){.hud{padding:12px}.route{grid-template-columns:88px 110px 88px;margin-top:2vh}.route b{font-size:12px}.top-readouts{top:58px;right:10px;gap:5px}.top-readouts div{min-width:76px;padding:6px 7px}.top-readouts strong{font-size:20px}.speedometer{left:10px;bottom:82px;transform:scale(.72);transform-origin:bottom left}.notice{top:111px;right:10px;width:164px;font-size:9px;padding:7px 8px}.controls{left:112px;bottom:88px;gap:5px}.drive,.horn{width:38px;height:38px}.drive span{font-size:15px}.horn{font-size:17px}.hint{font-size:9px}}