:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{background:#0b0e14;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app{background:#0b0e14;position:fixed;inset:0}.app canvas{width:100vw;height:100vh;display:block}.hud{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe4ec;background:#10141eb8;border:1px solid #ffffff14;border-radius:12px;max-width:360px;padding:14px 16px;font-family:system-ui,-apple-system,sans-serif;position:absolute;top:16px;left:16px}.hud h1{margin:0 0 6px;font-size:16px;font-weight:650}.hud p{color:#aeb6c4;margin:0 0 6px;font-size:12.5px;line-height:1.5}.hud .attribution{color:#6b7486;margin:8px 0 0;font-size:10.5px}.legend{flex-wrap:wrap;gap:4px 10px;margin:8px 0 2px;display:flex}.legend-item{color:#aeb6c4;cursor:default;align-items:center;gap:5px;font-size:11px;display:inline-flex}.legend-item i{border-radius:3px;width:10px;height:10px;display:inline-block}.legend.layers{border-top:1px solid #ffffff12;margin-top:7px;padding-top:7px}.legend-item.toggle{cursor:pointer}.legend-item.toggle input{accent-color:#5eb7e8;margin:0 2px 0 0}.prefsrow{border-top:1px solid #ffffff12;align-items:center;gap:12px;margin-top:8px;padding-top:8px;display:flex}.langswitch{gap:4px;display:flex}.labelsize{color:#aeb6c4;cursor:pointer;align-items:center;gap:5px;display:flex}.labelsize input[type=range]{accent-color:#5eb7e8;width:90px}.labelsize .a-small{font-size:10px}.labelsize .a-big{font-size:15px}.premiumbar{color:#aeb6c4;align-items:center;gap:8px;margin:9px 0 2px;font-size:11.5px;display:flex}.premiumbar.locked{color:#7c8698}.premiumbar select{color:#dfe4ec;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;padding:3px 7px;font-size:11px}.premium-soon{color:#6b7486;font-size:10.5px;font-style:italic}.cab-locked{color:#8a93a6}.xsection{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe4ec;background:#10141ed9;border:1px solid #ffffff14;border-radius:12px;width:min(660px,46vw);padding:12px 14px;font-family:system-ui,-apple-system,sans-serif;position:absolute;top:16px;right:16px}.xsection-head{align-items:center;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.xsection-head .xsection-note{color:#6b7486;flex:1;font-size:10.5px}.bottombar{z-index:10;flex-direction:column;align-items:center;gap:8px;font-family:system-ui,-apple-system,sans-serif;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10141ec7;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.controls input[type=range]{accent-color:#5eb7e8;width:min(340px,38vw)}.btn{color:#dfe4ec;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;padding:4px 10px;font-size:13px}.btn:hover{background:#ffffff24}.btn.small{padding:3px 7px;font-size:11px}.btn.on{background:#274a63;border-color:#5eb7e8}.livebtn.on{color:#ff9b93;background:#4a1f24;border-color:#e2544a}.speeds{gap:4px;display:flex}.clock{font-variant-numeric:tabular-nums;color:#dfe4ec;text-align:center;min-width:84px;font-size:13.5px;font-weight:600}.clock.live{color:#ff9b93}.traincount{color:#6b7486;min-width:62px;font-size:11px}.followpill{color:#dfe4ec;background:#274a63e6;border:1px solid #5eb7e8;border-radius:999px;padding:5px 12px;font-size:12px}.followpill.dim{color:#aeb6c4;background:#1e222ce6;border-color:#ffffff26}.followpill.warn{color:#f0d9a8;background:#4a371feb;border-color:#d9a441}.compass{z-index:10;cursor:pointer;background:0 0;border:none;width:52px;height:52px;padding:0;position:absolute;bottom:18px;right:16px}.compass svg{width:100%;height:100%;transition:transform .15s linear}.poicard{z-index:11;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#dfe4ec;background:#10141ee0;border:1px solid #7fb3e859;border-radius:12px;width:min(340px,80vw);padding:12px 14px;font-family:system-ui,-apple-system,sans-serif;position:absolute;bottom:84px;right:16px}.poicard-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;font-size:13.5px;display:flex}.poicard p{color:#b8c2d4;margin:0;font-size:12.5px;line-height:1.55}.followpill button{color:#9fd4f5;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}