/* Original open-world HUD, using native controls and no blur/rendering effects. */
body.hud-modern{--hud-ink:#f5f6f3;--hud-muted:#a9b6b7;--hud-accent:#b9ef76;--hud-panel:#11191df5;font-family:Arial,Helvetica,sans-serif;color:var(--hud-ink)}
.hud-modern button,.hud-modern input,.hud-modern select{font-family:inherit}.hud-modern button{transition:background .12s ease,color .12s ease;box-shadow:none}.hud-modern button:active{filter:brightness(.85)}.hud-modern button:focus-visible,.hud-modern summary:focus-visible{outline:2px solid var(--hud-accent);outline-offset:4px}.hud-modern .ui-icon{width:20px;height:20px;stroke-width:1.7}
/* Four compact controls; every secondary action lives in the pause menu. */
.hud-modern #direct-controls{top:22px;right:24px;gap:6px;max-width:none;flex-wrap:nowrap}.hud-modern #direct-controls button,.hud-modern #game-menu-open{width:38px;height:38px;padding:0;border-radius:3px;border:1px solid #ffffff20;background:#10181cce;color:#f5f6f3;display:grid;place-items:center}.hud-modern #direct-controls button:hover,.hud-modern #game-menu-open:hover{background:#35443b}.hud-modern #camera,.hud-modern #map-view-toggle,.hud-modern #sound{font-size:0!important}.hud-modern #camera span{display:none}.hud-modern #camera::before{content:'◉';font-size:21px}.hud-modern #map-view-toggle::before{content:'⌖';font-size:24px}.hud-modern #sound::before{content:'♪';font-size:21px}.hud-modern #sound[aria-pressed=false]{color:#83918c}.hud-modern #game-menu-open{display:grid!important;position:fixed;top:22px;right:24px;z-index:12;font-size:28px;line-height:1}.hud-modern #direct-controls{right:68px}.hud-modern #hud-status{position:fixed;top:71px;right:25px;display:flex;align-items:center;gap:9px;font:700 17px 'Arial Narrow',Arial,sans-serif;letter-spacing:1px;text-shadow:0 2px 4px #0008;z-index:5}.hud-modern #hud-status small{font:9px Arial,sans-serif;letter-spacing:1.5px;color:#c2cbc7}.hud-modern #view-label{display:none}
/* Location sits just above a small, correctly proportioned radar. */
.hud-modern #travel-banner{left:25px;bottom:238px;top:auto;transform:none;max-width:350px;text-align:left;border:0;padding:0;background:none;box-shadow:none;pointer-events:none;border-radius:0;text-shadow:0 2px 4px #000c}.hud-modern #moving-location{font:italic 700 27px 'Arial Narrow',Arial,sans-serif;letter-spacing:-.5px;line-height:1.1}.hud-modern #destination-distance{max-width:340px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px Arial,sans-serif;color:#edf1e8;margin-top:7px;letter-spacing:.3px}.hud-modern .map-card{left:24px;bottom:55px;width:232px;height:162px;border:3px solid #0b1014;border-radius:5px;box-shadow:0 3px 12px #0005;background:#293438}.hud-modern .map-card #map{width:100%;height:100%;aspect-ratio:520/360;object-fit:fill}.hud-modern .map-heading{top:0;padding:5px 7px;font-size:0;background:linear-gradient(#10181c99,transparent);line-height:12px}.hud-modern .map-heading button{font:700 8px Arial;color:#fff;letter-spacing:1px}.hud-modern .map-footer{bottom:0;padding:4px 8px;font:8px Arial;color:#dbe4da;background:linear-gradient(transparent,#10181c88)}.hud-modern .radar-label{font-size:7px}.hud-modern #imagery-credit{position:absolute;bottom:16px;right:3px;font-size:6px;max-width:160px;line-height:1.1;padding:2px;background:#10181c77}.hud-modern #satellite-status{display:none!important}.hud-modern .map-card.expanded{left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(860px,90vw);height:auto;z-index:18;border-radius:7px}.hud-modern .map-card.expanded #map{height:auto;aspect-ratio:520/360}
/* Vehicle health aligns beneath the radar rather than covering the world. */
.hud-modern #car-damage-hud{left:25px;bottom:31px;top:auto;width:230px;padding:0;border-radius:0;background:none;box-shadow:none;border:0;color:#fff;text-shadow:0 1px 2px #000;z-index:5}.hud-modern #car-condition{font:700 8px Arial;letter-spacing:1px}.hud-modern #car-health{width:100%;height:5px;margin:5px 0 0;border:0;appearance:none;background:#10181c;accent-color:#a7d277;border-radius:0}.hud-modern #car-health::-webkit-progress-bar{background:#10181c}.hud-modern #car-health::-webkit-progress-value{background:#a7d277}.hud-modern #car-health::-moz-progress-bar{background:#a7d277}
/* Digital speed readout: no oversized decorative dial or enclosing card. */
.hud-modern .telemetry{right:24px;bottom:31px;width:204px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;text-align:right;color:#fff;text-shadow:0 2px 4px #0009}.hud-modern #speed-dial{display:none}.hud-modern .drive-state{justify-content:flex-end;gap:6px;font:700 8px Arial;letter-spacing:1.8px;margin-bottom:4px}.hud-modern .drive-state i{width:4px;height:4px;margin:0;background:#b9ef76}.hud-modern .speed-row{display:flex;align-items:baseline;justify-content:flex-end;gap:9px;margin:0;line-height:1}.hud-modern #speed{font:italic 700 76px 'Arial Narrow',Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-4px;line-height:1}.hud-modern #gear{font:700 15px 'Arial Narrow',Arial,sans-serif;letter-spacing:0;width:25px;height:28px;display:inline-grid;place-items:center;background:#10181cbf;border:1px solid #ffffff38;border-radius:2px;margin-right:3px;align-self:center}.hud-modern .speed-row .unit{font:700 10px Arial;letter-spacing:1px;color:#c4cec8}.hud-modern .rpm-track{display:block;height:4px;width:164px;margin:10px 0 0 auto;border-radius:0;background:#ffffff22;overflow:hidden}.hud-modern #rpm{background:#b9ef76;height:100%;transition:none}.hud-modern .trip{border:0;padding-top:8px;margin-top:0;font:9px Arial;letter-spacing:1px;color:#b3beb6;justify-content:flex-end}.hud-modern .trip #distance{color:#fff;margin-left:5px}.hud-modern #gear-controls{display:flex;justify-content:flex-end;gap:8px;font:8px Arial;margin-top:8px;color:#b8c5ba}.hud-modern #gear-controls button{font:8px Arial;padding:3px 5px;border:1px solid #ffffff25;border-radius:2px;background:#10181c88;color:#dbe5dc}.hud-modern #gear-limit{font-size:8px}
/* Consistent dark menus. Controls retain their original handlers. */
.hud-modern dialog{background:#10191ef7;color:#eef2ec;border:1px solid #ffffff1b;border-radius:7px;box-shadow:0 20px 70px #0006;padding:24px;max-height:88vh;scrollbar-color:#4a5c50 #182126}.hud-modern dialog::backdrop{background:#020808a8;backdrop-filter:none}.hud-modern dialog h2{font:italic 700 30px 'Arial Narrow',Arial,sans-serif;letter-spacing:-1px;margin:0 0 21px;color:#fff}.hud-modern dialog button{background:#26332d;color:#e9eee8;border:1px solid #ffffff14;border-radius:3px;padding:10px 14px;font-size:12px}.hud-modern dialog button:hover{background:#3a5140}.hud-modern dialog .close{color:#c9d3cb;background:none;border:0;padding:0}.hud-modern dialog .primary,.hud-modern #train-start,.hud-modern #flight-start{background:#b9ef76;color:#14231a;border-radius:3px;font-size:13px;letter-spacing:1px;text-transform:uppercase;box-shadow:none}.hud-modern #train-start,.hud-modern #flight-start{box-shadow:0 0 0 8px #10191e}.hud-modern dialog .primary:disabled,.hud-modern #train-start:disabled,.hud-modern #flight-start:disabled{background:#27342c;color:#7a897e;opacity:1}.hud-modern dialog input,.hud-modern dialog select{background:#1c272d;color:#f0f4ed;border:1px solid #ffffff20;border-radius:3px;padding:12px;font-size:13px}.hud-modern dialog input::placeholder{color:#87978e}.hud-modern .flight-select{font-size:9px;letter-spacing:1.5px;color:#becbc1}.hud-modern .flight-select small{color:#9eafa1;font-size:10px}.hud-modern .flight-select select[size]{height:190px}.hud-modern .flight-select select[size] option{background:#1c272d;color:#eef2ed;padding:9px}.hud-modern .flight-select select[size] option:checked{background:#344e36;color:#d9f7bf}.hud-modern #mode-choice{width:min(490px,92vw);background:#10191ef7;color:#fff;border-radius:7px}.hud-modern #mode-choice button{border-radius:3px;background:#1e2d27;color:#e2ecdf;border:1px solid #ffffff15;font:600 15px Arial;min-height:78px;margin:0}.hud-modern #mode-choice h2{font:italic 700 28px Arial;color:#fff}.hud-modern #mode-choice button:hover{background:#b9ef76;color:#14231a}.hud-modern #game-menu{width:min(760px,94vw)}.hud-modern #game-menu h2{margin-bottom:5px;font-size:37px}.hud-modern .menu-kicker{color:#a7bb9b;font-size:9px;letter-spacing:3px;margin:0 0 24px}.hud-modern #quick-tools{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:none;font-size:12px}.hud-modern #quick-tools>details{background:#1b272b;border:1px solid #ffffff14;border-radius:4px;padding:14px;box-shadow:none;margin:0;color:#f1f4ec}.hud-modern #quick-tools summary{font:700 12px Arial;color:#dce7d8;letter-spacing:.3px;cursor:pointer}.hud-modern #quick-tools>details>div{padding-top:13px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.hud-modern #quick-tools button{padding:10px;font-size:11px;background:#2c3e33;color:#f0f4e9;border-radius:3px;border:1px solid #ffffff16;margin:0}.hud-modern #quick-tools input[type=range]{width:100%;padding:0;accent-color:#b9ef76}.hud-modern #quick-tools output{color:#bbc8bc;font-size:10px}.hud-modern #vehicle-audio-level,.hud-modern .vehicle-sound-credit{display:none}.hud-modern #hud-credits{margin-top:20px;border-top:1px solid #ffffff15;padding-top:15px;font-size:10px;color:#83978b}.hud-modern #hud-credits summary{cursor:pointer}.hud-modern #hud-credit-links a,.hud-modern #hud-credit-links footer,.hud-modern #hud-credit-links span{position:static!important;display:block!important;bottom:auto!important;right:auto!important;left:auto!important;transform:none!important;font:10px/1.6 Arial!important;color:#a2b4a6!important;background:none!important;padding:5px 0!important;text-align:left!important;width:auto!important;border:0!important}.hud-modern #hud-attribution{position:fixed;bottom:9px;left:25px;font:7px Arial;color:#a8b1a8;z-index:3;text-shadow:0 1px 2px #000}.hud-modern #hud-attribution a{color:inherit;text-decoration:none}.hud-modern #pack-progress,.hud-modern #asset-status{bottom:20px;left:50%;background:#111d22ec;border:1px solid #ffffff18;border-radius:3px;color:#d9e7d7;font-size:11px}.hud-modern #loading{background:#111c22ef;color:#fff}.hud-modern #loading h2{font:italic 700 35px Arial;color:#fff}.hud-modern #loading .loader{border-top-color:#b9ef76}
/* Mode-specific actions share the same compact visual language. */
.hud-modern #train-controls,.hud-modern #flight-controls,.hud-modern #walk-controls{bottom:26px;background:#111a20e8;border:1px solid #ffffff1a;box-shadow:none;border-radius:4px;color:#e9f1e6;padding:10px;max-width:44vw}.hud-modern #train-controls button,.hud-modern #flight-controls button,.hud-modern #walk-controls button{background:#2c3e32;color:#e2eedb;border:1px solid #ffffff16;border-radius:3px;font-size:11px;padding:8px 11px}.hud-modern #train-controls button[aria-pressed=true]{background:#b9ef76;color:#17251b}.hud-modern #train-hud,.hud-modern #flight-hud,.hud-modern #journey-hud,.hud-modern #bus-hud{background:#111a20bf;border:0;border-radius:3px;top:92px;left:auto;right:24px;transform:none;width:260px;padding:10px;color:#e2eddf;font-size:10px;box-shadow:none}.hud-modern #flight-load{background:#1e3028;color:#d5edc9;border-color:#426343}.hud-modern #flight-load progress{accent-color:#b9ef76}.hud-modern #flight-load .flight-spinner{border-color:#426343;border-top-color:#b9ef76}.hud-modern .location-methods button{background:#293d30}.hud-modern #location-map{border-radius:4px}.hud-modern #walk-status{font-size:11px;margin:2px 0 9px}
@media(max-width:700px){.hud-modern #direct-controls{top:12px;right:56px;gap:4px}.hud-modern #direct-controls button,.hud-modern #game-menu-open{width:34px;height:34px}.hud-modern #game-menu-open{top:12px;right:16px}.hud-modern #hud-status{top:56px;right:17px;font-size:14px}.hud-modern #travel-banner{left:16px;bottom:197px;max-width:215px}.hud-modern #moving-location{font-size:22px}.hud-modern #destination-distance{font-size:9px;max-width:215px}.hud-modern .map-card{left:15px;bottom:52px;width:180px;height:126px}.hud-modern #car-damage-hud{left:16px;bottom:28px;width:178px}.hud-modern #hud-attribution{left:16px;bottom:8px;font-size:6px}.hud-modern .telemetry{right:16px;bottom:28px;width:130px}.hud-modern #speed{font-size:58px}.hud-modern .speed-row{gap:5px}.hud-modern #gear{width:18px;height:23px;font-size:11px;margin:0}.hud-modern .speed-row .unit{font-size:8px}.hud-modern .rpm-track{width:116px}.hud-modern .trip{font-size:7px}.hud-modern #gear-limit{display:none}.hud-modern #quick-tools{grid-template-columns:1fr}.hud-modern #train-controls,.hud-modern #flight-controls,.hud-modern #walk-controls{bottom:212px;max-width:94vw;width:max-content;left:50%;right:auto;transform:translateX(-50%);padding:8px}.hud-modern #train-hud,.hud-modern #flight-hud,.hud-modern #journey-hud,.hud-modern #bus-hud{top:87px;right:16px;width:220px}.hud-modern dialog{padding:20px}.hud-modern .directory-columns{grid-template-columns:1fr}}
@media(max-height:540px) and (min-width:701px){.hud-modern .map-card{width:185px;height:129px;bottom:47px}.hud-modern #travel-banner{bottom:191px}.hud-modern #car-damage-hud{width:183px;bottom:24px}.hud-modern #moving-location{font-size:22px}.hud-modern #speed{font-size:60px}.hud-modern .telemetry{bottom:24px}.hud-modern dialog{max-height:94vh}}
@media(prefers-reduced-motion:reduce){.hud-modern button{transition:none}}

.hud-modern #hud-status{background:#10181c99;padding:6px 8px;border-radius:2px;top:68px}.hud-modern #hud-status small{color:#b8c6b8}.hud-modern #camera::before,.hud-modern #map-view-toggle::before,.hud-modern #sound::before{content:'';display:block;width:20px;height:20px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat}.hud-modern #camera::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 6h5l2-3h4l2 3h5v14H3z'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E")}.hud-modern #map-view-toggle::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='m3 5 6-2 6 2 6-2v16l-6 2-6-2-6 2V5zM9 3v16M15 5v16'/%3E%3C/svg%3E")}.hud-modern #sound::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 9h4l5-4v14l-5-4H3V9zm12-2c4 3 4 7 0 10m3-13c6 5 6 11 0 16'/%3E%3C/svg%3E")}@media(max-width:700px){.hud-modern #hud-status{top:52px}}
@media(pointer:coarse){.hud-modern .touch-controls{display:flex;position:fixed;right:16px;bottom:190px;gap:7px;z-index:7}.hud-modern .touch-controls button{min-width:38px;min-height:38px;background:#111a20dc;border:1px solid #ffffff30;color:#fff;border-radius:4px}.hud-modern.flying .touch-controls,.hud-modern.riding-train .touch-controls{display:none}}
@media(max-width:700px){.hud-modern #train-controls,.hud-modern #flight-controls,.hud-modern #walk-controls{bottom:270px}}
@media(min-width:701px) and (max-width:900px){.hud-modern #train-controls,.hud-modern #flight-controls,.hud-modern #walk-controls{max-width:calc(100vw - 500px)}}

.hud-modern #quick-tools #vehicle-volume{flex:0 0 100%;width:100%;min-width:0;border:0;background:transparent;height:20px;margin:4px 0 8px}.hud-modern #quick-tools .vehicle-volume-label{flex:0 0 100%;display:flex;justify-content:space-between;color:#dce7d8}.hud-modern #quick-tools #vehicle-audio-state{flex:0 0 100%;font-size:10px;margin-bottom:5px;color:#91a58f}
/* Setup screens: readable form surfaces and a clear route to play. */
.hud-modern dialog:focus{outline:none}.hud-modern #journey{width:min(690px,94vw);padding:28px 32px 26px;border:1px solid #58695d;border-radius:8px;background:linear-gradient(145deg,#172229,#10191e 65%);box-shadow:0 24px 90px #0009}.hud-modern #journey .modal-top{height:14px;position:relative}.hud-modern #journey .modal-top .close{position:absolute;right:-8px;top:-12px;width:34px;height:34px;display:grid;place-items:center;font:24px Arial;color:#c4cec8;border-radius:3px}.hud-modern #journey .modal-top .close:hover{background:#ffffff12;color:white}.hud-modern .setup-eyebrow{font:700 9px Arial;letter-spacing:2.2px;color:#b9ef76;margin:2px 0 13px}.hud-modern .setup-eyebrow span{color:#5c7361;margin:0 8px}.hud-modern #journey h2{font:700 31px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1px;margin:0 0 9px;color:#f4f7f1}.hud-modern .setup-intro{font:14px/1.5 Arial;color:#bcc9c1;margin:0 0 22px}.hud-modern .start-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hud-modern .start-methods button{display:flex;gap:12px;align-items:center;text-align:left;min-height:72px;padding:14px;border:1px solid #3b5046;border-radius:5px;background:#20312b;color:#e8f3e1;margin:0}.hud-modern .start-methods button:hover{background:#2b4334;border-color:#a1c87c}.hud-modern .start-methods .ui-icon{width:23px;height:23px;flex:0 0 23px;color:#b9ef76}.hud-modern .start-methods strong{display:block;font:700 13px Arial;color:#ecf4e7}.hud-modern .start-methods small{display:block;font:11px Arial;color:#b7c8b5;margin-top:6px}.hud-modern #journey .location-note{font:12px/1.5 Arial;color:#a5b8ac;margin:15px 0 22px}.hud-modern #journey .route-field{margin:0 0 20px}.hud-modern #journey .route-field label{display:flex;gap:8px;align-items:center;font:700 10px Arial;letter-spacing:1.4px;color:#d9e4dc;margin:0 0 9px}.hud-modern #journey .field-optional{font:9px Arial;letter-spacing:1px;color:#9aac9f;border:1px solid #435548;padding:3px 5px;border-radius:3px}.hud-modern #journey .route-field>div{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:8px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.hud-modern #journey .route-field input{min-width:0;width:100%;height:48px;padding:0 14px;background:#1c2a30;color:#f1f6ed;border:1px solid #43545b;border-radius:4px;font:14px Arial;outline:none;box-shadow:none}.hud-modern #journey .route-field input::placeholder{color:#9aaea6;opacity:1}.hud-modern #journey .route-field input:focus{border-color:#b9ef76;box-shadow:0 0 0 2px #b9ef7620}.hud-modern #journey .route-field>div button{height:48px;padding:0;background:#2d4135;color:#eaf3e3;border:1px solid #4e6550;border-radius:4px;font:700 12px Arial}.hud-modern #journey .route-field>div button:hover{background:#b9ef76;color:#16271b;border-color:#b9ef76}.hud-modern #journey .route-field small{display:block;font:11px/1.45 Arial;color:#b0c1b6;margin:8px 1px 0}.hud-modern #journey .map-destination{display:inline-block;margin:8px 0 0;padding:3px 0;border:0;border-radius:0;background:none;color:#cce5b8;font:11px Arial;text-decoration:underline;text-underline-offset:4px}.hud-modern #journey .sample-journey{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #3a4c45;background:#19272b;border-radius:4px;padding:13px 14px;margin:4px 0 0;color:#e3ecdf}.hud-modern #journey .sample-journey:hover{background:#23372d;border-color:#7b9a6b}.hud-modern #journey .sample-journey .ui-icon{color:#a8d47a;width:22px;height:22px;flex:0 0 22px}.hud-modern #journey .sample-journey span{display:block;margin:0;color:inherit}.hud-modern #journey .sample-journey strong{font:700 12px Arial;display:block}.hud-modern #journey .sample-journey small{font:11px Arial;color:#a8beb0;display:block;margin-top:5px}.hud-modern #journey .sample-journey b{margin-left:auto;font:20px Arial;color:#c2dbaf}.hud-modern #journey #route-status{color:#e1d3b1;font:12px/1.5 Arial;margin:14px 0 0;padding:10px 12px;border-left:2px solid #92b76e;background:#ffffff05}.hud-modern #journey #route-status:empty{display:none}.hud-modern #journey .journey-actions{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;border-top:1px solid #36483f;margin-top:21px;padding-top:17px}.hud-modern #journey .journey-actions button{height:47px;border-radius:4px;font:700 12px Arial;letter-spacing:1px;text-decoration:none;text-transform:uppercase}.hud-modern #journey #start-journey{background:#b9ef76;color:#17251a;border:1px solid #b9ef76;opacity:1}.hud-modern #journey #start-journey:hover:not(:disabled){background:#cbff8a}.hud-modern #journey #start-journey:disabled{background:#26362d;color:#a2b2a6;border-color:#405247;cursor:not-allowed}.hud-modern #journey #free-roam{background:#19252b;color:#dce7df;border:1px solid #46594e;text-decoration:none}.hud-modern #journey #free-roam:hover{background:#293d31}.hud-modern #journey-results{margin-top:8px;border-radius:4px;max-height:160px;background:#18262b}.hud-modern #journey-results button{display:block;width:100%;border:0;border-bottom:1px solid #ffffff12;padding:12px 14px;text-align:left;color:#edf5e9;background:#20322b;font:12px Arial}.hud-modern #journey-results button:hover{background:#34513a}.hud-modern #journey-results p{padding:10px;color:#c0d0c2;font-size:12px}
.hud-modern dialog:not(#game-menu):not(#journey) h2{font-style:normal;font-size:27px;line-height:1.2;letter-spacing:-.7px}.hud-modern dialog p{color:#bfcdc3;line-height:1.5}.hud-modern dialog small{line-height:1.5}.hud-modern dialog select:focus-visible,.hud-modern dialog input:focus-visible{outline:2px solid #b9ef76;outline-offset:2px}
@media(max-width:500px){.hud-modern #journey{padding:23px 20px 21px}.hud-modern #journey h2{font-size:27px}.hud-modern .setup-intro{font-size:12px;margin-bottom:18px}.hud-modern .start-methods{gap:8px}.hud-modern .start-methods button{padding:12px 10px;gap:8px;min-height:76px}.hud-modern .start-methods strong{font-size:12px}.hud-modern .start-methods small{font-size:10px}.hud-modern .start-methods .ui-icon{width:18px;height:18px;flex-basis:18px}.hud-modern #journey .journey-actions{grid-template-columns:minmax(0,1fr) 108px}.hud-modern #journey .sample-journey small{font-size:10px}.hud-modern #journey .route-field input{font-size:16px}.hud-modern #journey .location-note{margin-bottom:18px}}
@media(max-height:730px) and (min-width:501px){.hud-modern #journey{padding-top:20px;padding-bottom:20px}.hud-modern #journey .setup-intro{margin-bottom:16px}.hud-modern #journey .location-note{margin:12px 0 16px}.hud-modern #journey .route-field{margin-bottom:15px}.hud-modern .start-methods button{min-height:62px}.hud-modern #journey .journey-actions{margin-top:16px;padding-top:14px}}
.hud-modern #journey .journey-actions{position:sticky;bottom:-26px;z-index:3;background:#111b20;padding-bottom:5px;box-shadow:0 -8px 12px #111b20}

.hud-modern #hud-shortcuts{position:fixed;top:68px;right:24px;z-index:12;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;width:434px}.hud-modern #hud-shortcuts button{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:1px solid #ffffff30;border-radius:3px;background:#10181cce;color:#f5f6f3}.hud-modern #hud-shortcuts button:hover{background:#35443b}.hud-modern #hud-shortcuts button:focus-visible{outline:2px solid #b7ed76;outline-offset:2px}.hud-modern #hud-shortcuts svg{width:22px;height:22px}.hud-modern #hud-status{top:160px}.hud-modern #player-tools{pointer-events:none}.hud-modern #player-tools button[hidden]{display:none!important}@media(max-width:700px){.hud-modern #hud-shortcuts{top:52px;right:16px;width:auto}.hud-modern #hud-shortcuts button{display:none}.hud-modern #hud-shortcuts button:first-child{display:grid;width:34px;height:34px}.hud-modern #hud-status{top:94px}}

.hud-modern #train-hud,.hud-modern #flight-hud,.hud-modern #journey-hud,.hud-modern #bus-hud{top:202px}@media(max-width:700px){.hud-modern #train-hud,.hud-modern #flight-hud,.hud-modern #journey-hud,.hud-modern #bus-hud{top:136px}}

.hud-modern #travel-banner{position:fixed;top:22px;left:50%;bottom:auto;transform:translateX(-50%);width:min(430px,36vw);max-width:none;text-align:center}.hud-modern #moving-location{font-size:30px}.hud-modern #destination-distance{max-width:none;white-space:normal;overflow:visible;font-size:14px;line-height:1.4}.hud-modern .destination-label{display:block}.hud-modern .remaining-large{display:block;font:700 30px/1.2 'Arial Narrow',Arial,sans-serif;color:#c2f28d;margin-top:5px}@media(max-width:700px){.hud-modern #travel-banner{top:12px;left:16px;transform:none;width:calc(100vw - 230px);min-width:120px;text-align:center}.hud-modern #moving-location{font-size:20px}.hud-modern #destination-distance{font-size:11px}.hud-modern .remaining-large{font-size:23px}}

.hud-modern #hud-shortcuts{width:auto;flex-wrap:nowrap}.hud-modern #player-tools{pointer-events:auto;max-width:200px}.hud-modern #leaderboard-open{display:flex;align-items:center;gap:8px;height:38px;padding:8px 12px;border:1px solid #ffffff30;background:#10181cce;color:#f5f6f3;border-radius:3px}.hud-modern #leaderboard-open svg{width:21px;height:21px}.hud-modern #player-badge,.hud-modern #profile-sync{display:none}.hud-modern #hud-status{top:114px}.hud-modern #train-hud,.hud-modern #flight-hud,.hud-modern #journey-hud,.hud-modern #bus-hud{top:156px}@media(max-width:700px){.hud-modern #hud-shortcuts button,.hud-modern #hud-shortcuts button:first-child{display:none}.hud-modern #leaderboard-open{height:34px;padding:6px 8px}.hud-modern #leaderboard-open span{display:none}.hud-modern #hud-status{top:56px}.hud-modern #train-hud,.hud-modern #flight-hud,.hud-modern #journey-hud,.hud-modern #bus-hud{top:98px}}