@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f1f7f4;background:#102525;font-synthesis:none;--glass:rgba(17,35,37,.52);--edge:rgba(240,255,250,.26);--mint:#b7efd6;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit}button svg,[data-icon] svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}button>span[data-icon]{display:inline-flex}kbd{font:600 9px 'DM Sans',sans-serif}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}#world{position:fixed;inset:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}.glass-icon{position:relative;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--edge);border-radius:14px;background:var(--glass);backdrop-filter:blur(15px);box-shadow:0 4px 18px #001c2520,inset 0 1px 0 #ffffff12;color:#fff;transition:background .16s,transform .16s}.glass-icon:hover{background:rgba(32,67,66,.78)}.glass-icon:active,.glass-icon.held{transform:scale(.94);background:#537f72}.glass-icon kbd{position:absolute;right:4px;bottom:2px;opacity:.74}.hud-top{position:fixed;z-index:12;top:calc(25px + var(--safe-top));left:calc(28px + var(--safe-left));display:flex;gap:9px}#crosshair{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffff88;pointer-events:none;font-size:18px}
/* Start screen stays until the world is ready and the player enters. */
#character-loading{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 110%,#4d8071 0,transparent 55%),linear-gradient(165deg,#091c24,#163c3c 70%,#224d43);display:grid;place-items:center;overflow:hidden}.boot-horizon{position:absolute;left:-20%;right:-20%;bottom:-42vw;height:65vw;border:1px solid #bce7ce21;border-radius:50%;box-shadow:0 -20px 80px #b8e7bd08,0 -50px 0 -49px #d9fff817,0 -120px 0 -119px #d9fff810;pointer-events:none}.boot-content{position:relative;text-align:center;width:min(360px,80vw)}.game-logo{height:94px;width:94px;fill:none;stroke:#d4eedd;stroke-width:1.4}.boot-kicker{font-size:9px;letter-spacing:.3em;color:#b0cfc6;margin:28px 0 15px}h1{font-family:'Barlow Condensed',sans-serif;font-size:64px;line-height:.94;letter-spacing:.08em;font-weight:600;margin:0;color:#f1f4e9}h1 span{display:block}.boot-subtitle{font-size:10px;letter-spacing:.44em;color:#afc8be;margin:22px 0 50px}.loading-info{display:flex;justify-content:space-between;font-size:10px;color:#b9cec8;margin-bottom:12px;font-variant-numeric:tabular-nums}#loading-progress{height:3px;background:#ffffff16;overflow:hidden;border-radius:3px}#loading-progress i{display:block;width:0;height:100%;background:#d9edbc;box-shadow:0 0 20px #daf1cb;transition:width .35s ease}#explore{margin:26px auto 0;width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:3px;border:1px solid #c6e0d45c;background:#c2eadb0b;letter-spacing:.2em;font-size:10px;font-weight:700}#explore:enabled:hover{background:#d1e8da;color:#153632}.boot-note{display:block;font-size:10px;color:#8da9a0;margin-top:22px}.boot-edition{position:absolute;bottom:28px;font-size:8px;letter-spacing:.25em;color:#8da9a0}.booting .hud-top,.booting #map-card,.booting #interaction-dock,.booting #touch-controls,.booting #vehicle-meter,.booting #toast,.booting #waypoint-hud{visibility:hidden}
/* Local circular radar expands into a full-screen, north-up map. */
#map-card{position:fixed;z-index:11;top:calc(24px + var(--safe-top));right:calc(28px + var(--safe-right));width:164px;height:164px;border:4px solid #e7f6ee3d;border-radius:50%;box-shadow:0 5px 26px #00172238;background:#1b4243;overflow:hidden}.map-surface{position:relative;width:100%;height:100%}#minimap{display:block;width:100%;height:100%;touch-action:none}#expand-map{position:absolute;inset:0;border-radius:50%;background:transparent;width:100%;height:100%;cursor:pointer}.map-north{position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;color:white;text-shadow:0 1px 4px #000;pointer-events:none}.map-heading,.map-tools,.map-footer{display:none}.map-open #map-card{inset:0;width:100%;height:100%;z-index:60;border:0;border-radius:0;background:#0b2227;display:flex;flex-direction:column;padding:calc(23px + var(--safe-top)) calc(34px + var(--safe-right)) calc(17px + var(--safe-bottom)) calc(34px + var(--safe-left));box-shadow:none}.map-open .map-heading{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;margin-bottom:20px}.map-heading h2{margin:6px 0 0;font-size:25px}.map-open .map-surface{flex:1;min-height:80px;width:100%;border:1px solid #cee6dc2b;border-radius:10px;overflow:hidden}.map-open #expand-map{display:none}.map-open #minimap{cursor:crosshair}.map-open .map-north{top:14px}.map-open .map-tools,.map-open .map-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0}.map-tools p{font-size:12px;color:#c0d4cb}.map-tools{padding:14px 0 10px}.map-footer{font-size:9px;color:#94aaa4}.map-footer a{text-decoration:none}.map-open .hud-top,.ui-open #interaction-dock,.map-open #interaction-dock,.ui-open #touch-controls,.map-open #touch-controls,.ui-open #vehicle-meter,.map-open #vehicle-meter,.ui-open #waypoint-hud,.map-open #waypoint-hud{visibility:hidden}#waypoint-hud{position:fixed;top:calc(202px + var(--safe-top));right:calc(32px + var(--safe-right));display:flex;align-items:center;gap:7px;border-radius:20px;background:#122e366b;backdrop-filter:blur(12px);padding:7px 11px;font-size:11px;color:#e6f4e9}#waypoint-hud svg{width:14px;height:14px}#waypoint-bearing{display:inline-block;transition:transform .12s}
/* Context actions never occupy the screen when there is nothing nearby. */
#interaction-dock{position:fixed;z-index:14;left:50%;transform:translateX(-50%);bottom:calc(35px + var(--safe-bottom));display:flex;gap:9px;align-items:center;max-width:calc(100vw - 24px)}#interaction-dock section,#interaction-dock nav,#ride-panel{display:flex;align-items:center;gap:9px}#jet-rental{padding:5px;border:1px solid var(--edge);border-radius:18px;background:var(--glass);backdrop-filter:blur(15px)}#jet-rental>.glass-icon{background:#ffffff0c;border-color:#ffffff1a}#jet-colors{display:flex;gap:6px;padding:0 7px}#jet-colors button{width:25px;height:25px;border-radius:50%;background:var(--paint);border:2px solid #ffffff32;box-shadow:inset 0 -3px 5px #0003}#jet-colors button[aria-pressed=true]{outline:2px solid white;outline-offset:2px}#npc-focus-panel{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);z-index:15}.npc-focus #interaction-dock,.high-mode #interaction-dock,.npc-focus #touch-controls,.high-mode #touch-controls,.reclining #touch-controls{display:none!important}.high-mode .hud-top,.high-mode #map-card{visibility:hidden}#high-mode-panel{position:fixed;left:50%;transform:translateX(-50%);top:calc(30px + var(--safe-top));padding:15px 18px;background:var(--glass);backdrop-filter:blur(20px);border:1px solid var(--edge);border-radius:18px;display:flex;gap:20px;align-items:center;z-index:20;max-width:92vw}#high-mode-panel strong{display:block;font-size:13px}#high-mode-clock{font-size:11px;color:#c5d5cd;display:block;margin-top:6px}.high-mode-track{position:absolute;left:18px;right:18px;bottom:6px;height:2px;background:#ffffff20}.high-mode-track i{display:block;width:100%;height:100%;background:var(--mint);transform-origin:left}#toast{position:fixed;top:calc(28px + var(--safe-top));left:50%;transform:translate(-50%,-8px);background:#133130d9;border:1px solid var(--edge);padding:10px 16px;border-radius:10px;font-size:11px;max-width:min(430px,65vw);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}
/* Speed is real physics speed; this is a speed strip, not simulated RPM. */
#vehicle-meter{position:fixed;right:calc(32px + var(--safe-right));bottom:calc(30px + var(--safe-bottom));z-index:10;width:204px;padding:15px 18px 12px;background:linear-gradient(125deg,#102b3159,#081f28b5);border:1px solid #e1fff528;border-radius:8px 22px 8px 8px;backdrop-filter:blur(9px);font-variant-numeric:tabular-nums;box-shadow:0 8px 35px #04253024}.meter-top,.meter-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#d2e4dd}#meter-gear{border:1px solid #d5f5e667;border-radius:3px;width:22px;height:22px;display:grid;place-items:center;font-weight:700;color:var(--mint)}.meter-digits{display:flex;align-items:baseline;justify-content:flex-end;gap:10px}#ride-speed{font:600 76px/.98 'Barlow Condensed',monospace;letter-spacing:.015em;color:#f2fff7;text-shadow:0 0 18px #c5ffe521}#meter-unit{font-size:9px;letter-spacing:.12em;color:#c0dbd2}#meter-bars{display:flex;gap:3px;height:12px;margin:10px 0 9px;transform:skewX(-18deg)}#meter-bars i{flex:1;background:#d9eee21c;border-radius:1px}#meter-bars i.on{background:#c9f0d6;box-shadow:0 0 6px #c9f0d650}#meter-bars i.on:nth-child(n+17){background:#eec28c}.meter-bottom{font-size:8px;color:#adc4bb}
/* Menus contain all persistent options. */
dialog{position:fixed;inset:0;margin:auto;width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;background:#132f33ed;backdrop-filter:blur(26px);border:1px solid #d5eee32b;color:#eff5ee;border-radius:22px;padding:32px;box-shadow:0 30px 90px #00161a60}dialog::backdrop{background:#061b2366;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:16px;top:16px;width:34px;height:34px;border-radius:11px}dialog h2{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:12px 0 26px}dialog p{font-size:12px;line-height:1.8;color:#b9cdc4}.eyebrow{font-size:9px;letter-spacing:.2em;color:#a8cbbd}.panel-label{font-size:9px!important;letter-spacing:.18em;margin:24px 0 10px;color:#a2bfb4!important}.mode-picker{display:flex;gap:5px;background:#0000001a;padding:4px;border-radius:10px}.mode-picker button{flex:1;background:none;padding:11px 3px;border-radius:7px;font-size:11px}.mode-picker button.active{background:#bfe4cf;color:#17392f}.zoom-controls{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:11px;color:#bfd3ca}.zoom-controls>span{margin-right:auto}.zoom-controls button{width:32px;height:32px;border-radius:9px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-grid button{display:flex;align-items:center;gap:10px;text-align:left;background:#f2fff308;border:1px solid #e3fbee16;border-radius:9px;padding:13px 10px;font-size:11px}.menu-grid button:hover,.menu-row:hover{background:#e5fff518}.menu-grid svg{width:18px;height:18px;color:#b8d9c7}.menu-bottom{display:flex;gap:8px;margin:22px 0}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dcf7ec30;background:transparent;border-radius:8px;padding:10px 13px;font-size:11px}.secondary svg{width:17px;height:17px}.primary{display:flex;justify-content:center;align-items:center;gap:14px;width:100%;background:#c6e7d1;color:#17392f;border-radius:9px;padding:14px;font-size:10px;letter-spacing:.15em;font-weight:700}.credits{font-size:8px!important;text-align:center;margin-bottom:0;color:#819e93!important}.credits a{text-decoration:none}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:17px 0;border-bottom:1px solid #d6f2e416}.setting select{background:#1c3b3d;border:1px solid #d9f7e92c;border-radius:7px;color:#e4f2e7;padding:9px;max-width:55%;font-size:11px}.setting input{accent-color:#bfdfcc;width:17px;height:17px}.sound-switch{display:flex;align-items:center;gap:10px;background:none;font-size:10px;color:#c7e4d3;min-height:32px}.sound-switch i{position:relative;width:36px;height:21px;border-radius:20px;background:#7ca78e}.sound-switch i:after{content:'';position:absolute;top:3px;left:18px;width:15px;height:15px;border-radius:50%;background:#f3f8ee;transition:left .15s}.sound-switch[aria-checked=false] i{background:#55706b}.sound-switch[aria-checked=false] i:after{left:3px}.menu-row{margin:20px 0;display:flex;align-items:center;gap:10px;padding:14px;border:1px solid #d9f7e92c;border-radius:9px;background:transparent;width:100%;font-size:12px}.menu-row>span:last-child{margin-left:auto}.fine{font-size:10px!important;color:#8eaa9e!important}dl{display:grid;grid-template-columns:1fr 1.5fr;gap:15px 13px;font-size:11px}dd{margin:0;color:#b0c9bd}.hotel-list{display:grid;gap:9px}.hotel-list button{text-align:left;padding:17px;background:#ffffff09;border:1px solid #d9f7e92c;border-radius:10px}.hotel-list strong,.hotel-list span{display:block}.hotel-list strong{font-size:13px}.hotel-list span{font-size:11px;color:#a8c9ba;margin-top:7px}#sky-preview{height:110px;position:relative;overflow:hidden;background:linear-gradient(#6597b0,#d6d1ae);border-radius:10px}.sky-horizon{position:absolute;inset:75% 0 0;background:#3f797c}#sky-sun{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff4ce;box-shadow:0 0 20px #fff8de}.sky-directions{position:absolute;bottom:7px;left:10px;right:10px;text-align:center;font-size:8px;letter-spacing:2em}.sky-presets{display:flex;gap:5px;margin:15px 0}.sky-presets button{flex:1;padding:9px 4px;background:#ffffff0b;border-radius:6px;font-size:10px}.sky-setting{display:block;margin:21px 0}.sky-setting>span{display:flex;justify-content:space-between;font-size:11px}.sky-setting input{width:100%;accent-color:#c4e8cf;margin:12px 0}.sky-setting small{font-size:9px;color:#a1bcb0}.preview-cloud{display:none}
#touch-controls{position:fixed;inset:0;z-index:13;pointer-events:none}#touch-controls button{pointer-events:auto;touch-action:none}.stick-area{position:absolute;left:calc(25px + var(--safe-left));bottom:calc(30px + var(--safe-bottom))}#thumbstick{position:relative;width:124px;height:124px;border-radius:50%;border:1px solid #ffffff4a;background:#173c3c25;box-shadow:inset 0 0 25px #ffffff09;touch-action:none;pointer-events:auto;backdrop-filter:blur(3px)}.stick-ring{position:absolute;inset:17px;border:1px solid #ffffff2c;border-radius:50%;pointer-events:none}#stick-knob{position:absolute;left:calc(50% - 24px);top:calc(50% - 24px);width:48px;height:48px;border:1px solid #ffffff91;border-radius:50%;background:#dceee656;box-shadow:0 3px 10px #0e343531;pointer-events:none;will-change:transform}.touch-actions{position:absolute;right:calc(24px + var(--safe-right));bottom:calc(35px + var(--safe-bottom));display:flex;align-items:flex-end;gap:12px}.touch-actions .glass-icon{height:54px;width:54px;border-radius:50%;background:#1b3e3c40}.touch-actions #jump-button,.touch-actions #ride-brake{height:68px;width:68px}.vertical-controls{display:flex;gap:10px}.mobile-controls #interaction-dock{bottom:calc(185px + var(--safe-bottom))}.mobile-controls #interaction-dock .glass-icon kbd{display:none}.mobile-controls #vehicle-meter{bottom:calc(135px + var(--safe-bottom));right:calc(22px + var(--safe-right));width:160px;padding:10px 13px}.mobile-controls #ride-speed{font-size:56px}.mobile-controls #meter-bars{height:8px;margin:6px 0}.mobile-controls.riding #interaction-dock{left:auto;right:calc(27px + var(--safe-right));transform:none;bottom:calc(282px + var(--safe-bottom))}.mobile-controls.reclining #interaction-dock{bottom:calc(40px + var(--safe-bottom))}.reclining #ride-panel,.reclining #npc-actions,.reclining #shop-actions,.reclining #jet-rental{display:none!important}#error{position:fixed;inset:25% 10%;max-width:600px;margin:auto;z-index:110;background:#183539;padding:30px;border-radius:16px;height:max-content}#error button{background:#c6e7d1;color:#17392f;padding:12px 20px;border-radius:8px}
@media(max-width:700px){.hud-top{left:calc(16px + var(--safe-left));top:calc(16px + var(--safe-top));gap:7px}.hud-top .glass-icon{width:40px;height:40px;border-radius:12px}#map-card{top:calc(14px + var(--safe-top));right:calc(16px + var(--safe-right));width:124px;height:124px;border-width:3px}#waypoint-hud{top:calc(148px + var(--safe-top));right:calc(18px + var(--safe-right));font-size:10px}dialog{padding:26px 22px}.map-open #map-card{padding:calc(18px + var(--safe-top)) 16px calc(18px + var(--safe-bottom))}.map-heading h2{font-size:20px}.map-tools p{font-size:10px}.map-tools .secondary{font-size:10px;padding:10px}.map-footer{font-size:8px}#toast{top:auto;bottom:calc(250px + var(--safe-bottom));max-width:88vw;width:max-content}.boot-subtitle{margin-bottom:35px}#high-mode-panel{top:calc(16px + var(--safe-top));min-width:280px}}
@media(max-height:530px){.boot-content{width:280px}.game-logo{height:50px;width:50px}.boot-kicker{margin:12px 0 8px;font-size:8px}h1{font-size:42px}h1 span{display:inline}.boot-subtitle{margin:12px 0 20px;font-size:8px}#explore{height:40px;margin-top:15px}.boot-note,.boot-edition{display:none}.mobile-controls #map-card{width:104px;height:104px}.mobile-controls #waypoint-hud{top:130px}.mobile-controls #vehicle-meter{bottom:120px;width:145px}.mobile-controls #ride-speed{font-size:46px}.mobile-controls.riding #interaction-dock{right:190px;bottom:35px}.mobile-controls #interaction-dock{bottom:35px}.mobile-controls #thumbstick{width:108px;height:108px}.map-open #map-card{width:100%;height:100%}.map-open .map-heading{margin-bottom:10px}.map-tools{padding:6px 0}.map-heading h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Character selection uses the actual fitted game models before entering. */
.boot-layout{position:relative;width:min(900px,90vw);display:grid;grid-template-columns:360px 340px;justify-content:space-between;align-items:center;gap:60px}.boot-layout .boot-content{width:100%}.character-panel{text-align:center;min-width:0}.character-panel>.boot-kicker{margin:0 0 10px}#character-preview{position:relative;width:100%;height:390px}#character-preview canvas{position:relative;display:block;width:100%;height:100%;z-index:1}.preview-orbit{position:absolute;inset:12% 2% 8%;border:1px solid #d9f4e315;border-radius:50%;pointer-events:none}#character-choice{margin:12px 0 0;padding:0;border:0;display:flex;gap:10px;justify-content:center}#character-choice legend{width:100%;font-size:10px;letter-spacing:.12em;color:#b9cec8;margin-bottom:14px}#character-choice label{position:relative;flex:1;max-width:150px;cursor:pointer}#character-choice input{position:absolute;width:1px;height:1px;opacity:0}#character-choice label>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:14px 17px;border:1px solid #c6e0d437;border-radius:10px;background:#ffffff05;color:#b9cec8;transition:background .16s,border-color .16s}#character-choice i{font-style:normal;opacity:0}#character-choice input:checked+span{border-color:#c8e7d2;background:#c6eadc14;color:#f2fff5}#character-choice input:checked+span i{opacity:1}#character-choice input:focus-visible+span{outline:2px solid #c8e7d2;outline-offset:4px}#character-choice:disabled{opacity:.4}#character-choice:disabled label{cursor:wait}
@media(max-width:760px) and (min-height:531px){.boot-layout{width:min(360px,84vw);display:flex;flex-direction:column;gap:20px;padding:25px 0 30px}.boot-layout .game-logo{width:42px;height:42px}.boot-layout .boot-kicker{margin:10px 0;font-size:8px}.boot-layout h1{font-size:39px}.boot-layout h1 span{display:inline}.boot-layout .boot-subtitle{font-size:8px;margin:12px 0 0;letter-spacing:.32em}.boot-layout .loading-info,.boot-layout #loading-progress,.boot-layout #explore{position:relative}.boot-layout .boot-content{display:contents}.boot-layout .game-logo{order:0}.boot-layout .boot-content>.boot-kicker,.boot-layout .boot-subtitle,.boot-layout .boot-note{display:none}.boot-layout h1{order:1;margin-top:-10px}.character-panel{order:2;width:100%}.character-panel>.boot-kicker{display:none}#character-preview{height:300px}.boot-layout .loading-info{order:3;width:100%;margin:5px 0 -12px}.boot-layout #loading-progress{order:4;width:100%}.boot-layout #explore{order:5;margin:0;width:100%}.boot-edition{display:none}#character-choice{margin-top:4px}#character-choice legend{margin-bottom:10px}}
@media(max-height:700px) and (max-width:760px) and (min-height:531px){.boot-layout{gap:14px}#character-preview{height:220px}.boot-layout .game-logo{height:32px;width:32px}.boot-layout h1{font-size:34px}.boot-layout #explore{height:44px}}
@media(max-height:530px){.boot-layout{width:min(720px,88vw);grid-template-columns:minmax(230px,1fr) minmax(230px,1fr);gap:30px}.character-panel>.boot-kicker{display:none}#character-preview{height:240px}#character-choice{margin:0}#character-choice legend{font-size:9px;margin-bottom:8px}#character-choice label>span{padding:10px 14px}.boot-layout .boot-content{width:100%}}
#performance-overlay{position:fixed;left:16px;top:70px;z-index:75;margin:0;padding:10px 12px;border:1px solid #ffffff29;border-radius:10px;background:#10251dd9;color:#e5f5ea;font:11px/1.65 ui-monospace,monospace;pointer-events:none;backdrop-filter:blur(8px)}
#performance-overlay[hidden]{display:none}.booting #performance-overlay{display:none}