@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f1f5f7;background:#142620;font-synthesis:none;--hud-accent:#d5ffa5;--hud-muted:#afbdc5;--hud-panel:#101b25cc;--hud-border:#d6e5ef26;--hud-shadow:0 6px 28px #02080e44}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;pointer-events:auto}button:focus-visible,select:focus-visible{outline:2px solid var(--hud-accent);outline-offset:4px}button:disabled{cursor:default}#game{display:block;width:100vw;height:100dvh;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}svg{display:block}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:21px;padding:0 5px;border:1px solid #d6e5ef30;border-radius:5px;background:#e1eff10b;font:500 9px DM Sans,sans-serif;letter-spacing:.3px;color:#e3ebef}.topbar{position:absolute;inset:28px 32px auto;display:flex;align-items:center;justify-content:flex-end;gap:24px;z-index:2}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:3px;text-shadow:0 2px 12px #0009}.brand-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--hud-accent);color:#15251c;font-size:25px;font-style:italic;font-weight:800;letter-spacing:-5px;padding-right:5px;box-shadow:0 4px 20px #b6ea7d18;text-shadow:none}.brand-icon span{font-size:18px}.brand-sub{display:block;margin-top:5px;font-size:8px;letter-spacing:1.8px;font-weight:500;color:#d5e0e5}.brand-sub i{font-style:normal;margin:0 5px;color:#a7bdc5}.hud-actions{display:flex;align-items:center;gap:8px}.session{display:flex;align-items:center;gap:8px;margin-right:12px;font-size:9px;font-weight:600;letter-spacing:1.6px;text-shadow:0 2px 8px #000}.live-dot{width:5px;height:5px;background:var(--hud-accent);border-radius:50%;box-shadow:0 0 10px #c5eea344;display:inline-block;flex-shrink:0}.utility-button,.icon-button{display:flex;align-items:center;justify-content:center;gap:9px;height:38px;border:1px solid var(--hud-border);border-radius:10px;background:#111c25b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 3px 14px #0002;font-size:10px;transition:background .15s,border-color .15s}.utility-button{padding:0 11px}.utility-button svg,.icon-button svg{width:15px;height:15px;fill:none;stroke:#e0eaee;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.utility-button kbd{height:19px;min-width:18px;font-size:8px;margin-left:4px}.icon-button{width:38px;padding:0}.utility-button:hover,.icon-button:hover{background:#25313be8;border-color:#d6e5ef66}.minimap-panel{position:absolute;left:34px;bottom:36px;width:204px;filter:drop-shadow(0 4px 14px #0005)}.minimap-frame{position:relative;width:188px;height:188px;border:1px solid #e2edf44d;border-radius:50%;padding:7px;background:radial-gradient(circle at 40% 30%,#758d9733,#0a131cbb);box-shadow:0 0 0 5px #0c18222b,inset 0 0 0 3px #d0e4ec08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.district-map{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 20px #0008}.compass{position:absolute;right:10px;top:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#0d1822e8;border:1px solid #d6e5ef33;font-size:9px;font-weight:700;color:var(--hud-accent)}.map-caption{display:flex;gap:9px;align-items:center;margin-top:17px;text-shadow:0 2px 9px #000}.map-pin{display:flex;align-items:center;justify-content:center;width:25px;height:29px;border-left:2px solid var(--hud-accent);color:var(--hud-accent);font-size:18px}.map-caption h2{margin:0;font-size:13px;line-height:1.3;letter-spacing:.1px;font-weight:600}.map-meta{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:8px;letter-spacing:1px;color:#c1cdd4}.meta-divider{opacity:.5}.track-layout,#ui[data-world=track] .district-layout{display:none}#ui[data-world=track] .track-layout{display:block}.dashboard{position:absolute;right:34px;bottom:28px;width:238px;display:flex;align-items:center;flex-direction:column;filter:drop-shadow(0 3px 14px #0008)}.speedometer{position:relative;width:238px;height:220px;border-radius:50%;background:radial-gradient(ellipse at 50% 45%,#0d1821b3 0%,#0d182187 42%,transparent 67%)}.speed-dial{width:100%;height:100%;overflow:visible}.dial-halo{fill:none;stroke:#e2eef51c;stroke-width:1}.dial-track{fill:none;stroke:#e1edf22b;stroke-width:5;stroke-linecap:round}.dial-progress{fill:none;stroke:url(#speed-gradient);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 5px #d6ffa34d);transition:stroke-dashoffset .12s linear}.dial-ticks{fill:none;stroke:#dfeaf08c;stroke-width:4;stroke-dasharray:.18 3.15}.dial-labels{fill:#d4dfe5;font:500 9px DM Sans,sans-serif;text-anchor:middle;dominant-baseline:middle}.speed-readout{position:absolute;top:64px;left:0;right:0;display:flex;align-items:center;flex-direction:column}.speed-label{font-size:7px;font-weight:600;letter-spacing:2px;color:#b6c6ce}#speed{font-family:Barlow Condensed,Impact,sans-serif;font-size:76px;font-weight:600;line-height:.98;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;margin-top:3px;color:#fff;text-shadow:0 0 25px #ecffea0d}.unit{font-size:9px;letter-spacing:1.7px;color:#bdcbd2;margin-top:5px}.direction-badge{display:flex;align-items:center;justify-content:center;min-width:29px;height:24px;margin-top:13px;padding:0 7px;border:1px solid #d5ffa559;border-radius:6px;background:#d4ffa50d;color:var(--hud-accent);font-size:12px;font-weight:700;letter-spacing:.5px}.ride-info{display:flex;align-items:center;justify-content:center;gap:6px;max-width:238px;padding:0 6px;min-height:18px;margin-top:-4px;text-align:center}.ride-info strong{font-size:8px;font-weight:500;letter-spacing:1px;line-height:1.5;color:#d7e1e6}.ride-status-dot{width:4px;height:4px;flex-shrink:0;background:var(--hud-accent);border-radius:50%}.odometer{display:flex;gap:20px;align-items:center;justify-content:space-between;min-width:162px;margin-top:12px;padding:10px 14px;border-top:1px solid #d6e5ef26;font-size:7px;letter-spacing:1.6px;color:#aebec6}.odometer strong{font-size:12px;letter-spacing:.5px;font-weight:500;color:#f4f8f9;font-variant-numeric:tabular-nums}.odometer small{font-size:9px;color:#b2c0c8}#ui[data-rider=falling] .direction-badge,#ui[data-rider=lying] .direction-badge{color:#ffb9a8;border-color:#ffb9a859}#ui[data-rider=falling] .ride-status-dot,#ui[data-rider=lying] .ride-status-dot{background:#ffb9a8}.crosshair{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#f3faeb73;box-shadow:0 0 2px #0005}.controls-strip{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:8px;color:#cfdae0;text-shadow:0 1px 8px #000;opacity:.75}.controls-strip>span{display:flex;align-items:center;gap:6px}.controls-strip kbd{height:18px;min-width:18px;font-size:7px;background:#101b25a6;border-color:#d6e5ef24}.rider-interaction{position:absolute;left:50%;bottom:64px;transform:translate(-50%);max-width:calc(100vw - 560px);text-align:center}.rider-interaction button{display:flex;align-items:center;gap:12px;max-width:100%;padding:9px 13px 9px 9px;border:1px solid #e2f4df33;border-radius:10px;background:#101b25d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--hud-shadow);font-size:11px;font-weight:500;line-height:1.5;color:#edf8e4;transition:opacity .2s,background .2s}.rider-interaction kbd{height:28px;min-width:28px;background:var(--hud-accent);color:#1d3020;border-color:transparent;font-size:12px;font-weight:700;flex-shrink:0}.interaction-arrow{color:var(--hud-accent);font-size:18px;margin-left:2px}.rider-interaction button:disabled{opacity:.58;color:#c4d0d7;background:#101b258f;box-shadow:none}.rider-interaction button:disabled kbd{background:#c8d4dc14;color:#c4d0d7;border-color:#c8d4dc26}.rider-interaction button:disabled .interaction-arrow{display:none}.rider-interaction button:not(:disabled):hover{background:#27372be8}#ui:not(.playing) .minimap-panel,#ui:not(.playing) .dashboard,#ui:not(.playing) .controls-strip,#ui:not(.playing) .rider-interaction,#ui:not(.playing) .crosshair,#ui:not(.playing) .hud-actions{display:none}.overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,#0c1923f5,#0c1923df 32%,#0c192365 65%,#0c192310);pointer-events:auto;overflow:auto}.overlay[hidden]{display:none}.welcome{margin:85px 0 45px 9vw;width:620px;max-width:82vw}.eyebrow{font-size:9px;letter-spacing:2px;color:#c1d1d4;font-weight:600}.welcome .eyebrow{display:flex;align-items:center;gap:10px;color:var(--hud-accent);font-size:9px;letter-spacing:2px}.welcome-index{margin-top:28px;color:#8ea4ae;font-size:9px;letter-spacing:2px}.welcome h1{font-family:Barlow Condensed,Impact,sans-serif;font-size:clamp(50px,6.1vw,84px);line-height:1.02;font-weight:600;letter-spacing:-1px;margin:18px 0 22px}.welcome h1 span{color:var(--hud-accent)}.welcome p{max-width:400px;color:#b8c7ce;font-size:12px;line-height:1.85;margin-bottom:22px}.world-picker{display:flex;gap:10px;margin-bottom:17px}.world-picker button{border:1px solid #c9dde333;background:#bdcedb08;border-radius:9px;padding:12px 17px;text-align:left;font-size:12px;min-width:130px}.world-picker button[aria-pressed=true]{border-color:#d5ffa580;background:#c6ef9d12;color:#e8ffd6}.world-picker small{display:block;font-size:9px;margin-top:5px;color:#99aeb8}.sound-button{display:block;background:transparent;border:1px solid #c2d2df30;border-radius:7px;color:#c2d0d7;padding:8px 12px;margin:9px 0;font-size:11px}.traffic-density{display:inline-flex;align-items:center;gap:12px}.traffic-density select{background:#1b2a35;border:1px solid #72869266;border-radius:4px;padding:3px 8px;pointer-events:auto}.start-button{display:flex;align-items:center;justify-content:space-between;gap:50px;min-width:260px;margin-top:18px;padding:15px 20px;background:var(--hud-accent);color:#1d3020;border:0;border-radius:9px;font-size:12px;font-weight:700}.start-button:disabled{opacity:.5;cursor:wait}.start-button:hover:not(:disabled){background:#e4ffc6}.start-button span{font-size:20px}.welcome-footer{display:flex;gap:24px;font-size:7px;letter-spacing:1.2px;color:#8a9ea7;margin-top:23px}#debug{position:absolute;z-index:3;top:88px;right:32px;background:#0d1924ed;border-radius:10px;padding:18px;color:#d5ffa5;font-size:11px;line-height:1.7;pointer-events:auto;-webkit-user-select:text;user-select:text;max-height:65vh;overflow:auto;border:1px solid #d4ed9833}@media(max-width:1000px){.topbar{inset:22px 24px auto}.session{display:none}.minimap-panel{left:26px;bottom:32px;width:170px}.minimap-frame{width:158px;height:158px;padding:6px}.map-caption{margin-top:13px}.map-caption h2{font-size:12px}.map-meta{font-size:7px;gap:4px}.dashboard{right:22px;bottom:23px;width:208px}.speedometer{width:208px;height:193px}.speed-readout{top:55px}#speed{font-size:65px}.direction-badge{margin-top:10px;height:22px;font-size:11px}.unit{font-size:8px;margin-top:4px}.speed-label{font-size:6px}.ride-info strong{font-size:7px}.odometer{margin-top:8px;padding-top:8px}.rider-interaction{max-width:calc(100vw - 430px);bottom:59px}.rider-interaction button{font-size:10px;gap:9px}.controls-strip{gap:11px;font-size:7px}.debug-hint{display:none!important}}@media(max-height:700px){.welcome{margin-top:90px;margin-bottom:30px}.welcome h1{font-size:48px;margin:12px 0}.welcome-index{margin-top:17px}.welcome p{font-size:11px;margin:12px 0}.world-picker{margin-bottom:12px}.world-picker button{padding:9px 14px}.sound-button{padding:6px 10px;margin:7px 0}.start-button{padding:11px 17px;margin-top:13px}.welcome-footer{margin-top:16px}}@media(max-width:650px){.topbar{inset:17px 16px auto;gap:12px}.brand{font-size:13px;gap:8px;letter-spacing:2px}.brand-icon{width:30px;height:32px;border-radius:8px;font-size:22px}.brand-sub{font-size:6px;letter-spacing:1px}.hud-actions{gap:5px}.utility-button{padding:0 8px;height:33px;gap:6px;font-size:9px}.utility-button kbd,.utility-button#reset span{display:none}.utility-button svg{width:14px;height:14px}.icon-button{width:33px;height:33px}.minimap-panel{left:16px;bottom:24px;width:132px}.minimap-frame{width:122px;height:122px;padding:5px}.compass{width:19px;height:19px;font-size:8px;right:6px;top:5px}.map-caption{gap:5px;margin-top:11px}.map-pin{width:17px;height:26px;font-size:14px}.map-caption h2{font-size:10px}.map-meta{font-size:6px;letter-spacing:.5px;gap:3px}.dashboard{right:12px;bottom:16px;width:164px}.speedometer{width:164px;height:152px}.speed-readout{top:42px}#speed{font-size:52px}.speed-label{font-size:5px;letter-spacing:1.4px}.unit{font-size:7px;margin-top:3px}.direction-badge{font-size:9px;height:19px;min-width:24px;margin-top:7px}.ride-info{margin-top:0;max-width:164px}.ride-info strong{font-size:6px;letter-spacing:.6px}.odometer{min-width:125px;padding:7px 8px;margin-top:5px;font-size:6px;gap:10px}.odometer strong{font-size:10px}.controls-strip{display:none}.rider-interaction{bottom:210px;max-width:calc(100vw - 40px);width:max-content}.rider-interaction button{font-size:10px;padding:7px 10px 7px 7px}.rider-interaction kbd{width:24px;height:24px;font-size:10px}.interaction-arrow{font-size:15px}.welcome{max-width:84vw;margin-left:8vw}.welcome h1{font-size:46px}.world-picker button{min-width:110px;font-size:11px}.welcome-footer{gap:14px;font-size:6px}#debug{right:12px;max-width:90vw;top:70px}}@media(max-height:470px){.minimap-frame{width:100px;height:100px}.minimap-panel{bottom:17px}.map-caption{margin-top:8px}.dashboard{transform:scale(.8);transform-origin:right bottom;bottom:15px}.rider-interaction{bottom:25px;max-width:calc(100vw - 390px)}.controls-strip{display:none}.topbar{top:14px}.brand-sub{display:none}}@media(prefers-reduced-motion:reduce){.dial-progress,.utility-button,.icon-button,.rider-interaction button{transition:none}}#lights[aria-pressed=true] svg{color:var(--hud-accent)}#lights[aria-pressed=false]{opacity:.6}@media(max-width:1000px){.wheelie-hint{display:none!important}}@media(max-width:650px){#lights span{display:none}}@media(max-width:400px){.utility-button#reset{display:none}}.city-options{display:flex;gap:8px;flex-wrap:wrap}.city-options .sound-button{margin:2px 0 6px}.police-notice{--police-accent:#8fc6f6;position:absolute;top:82px;right:32px;width:min(352px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--hud-border);border-radius:12px;background:linear-gradient(115deg,#172631f5,#101b25f5);color:#f4f7f3;box-shadow:var(--hud-shadow);pointer-events:none;text-align:left;overflow:hidden;animation:police-enter .22s ease-out}.police-notice:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:0 3px 3px 0;background:var(--police-accent)}.police-beacon{width:40px;height:40px;border-radius:10px;background:#e1eff108;border:1px solid #e1eff110;position:relative;flex-shrink:0;overflow:hidden}.police-beacon svg{position:absolute;inset:4px;width:30px;fill:none;stroke:#e7eff2;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.police-beacon i{position:absolute;top:0;width:50%;height:3px;background:#6aacf2}.police-beacon i+i{right:0;background:#eb6f71}.police-notice-copy{display:grid;gap:5px;flex:1;min-width:0}.police-notice-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.police-eyebrow{font-size:8px;letter-spacing:.18em;color:#aebfbe;font-weight:700}.police-phase{font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--police-accent);padding:3px 5px;border-radius:4px;background:#e1eff108;line-height:1}#police-title{font-size:13px;letter-spacing:.035em;line-height:1.3}#police-description{font-size:11px;line-height:1.5;color:#bdcbd2}.police-notice[data-state=chasing],.police-notice[data-state=caught]{--police-accent:#ff9c99;border-color:#ed85843b}.police-notice[data-state=warning],.police-notice[data-state=stopping]{--police-accent:#f1ce8d}.police-notice[data-state=cooldown]{--police-accent:var(--hud-accent)}.police-notice[data-state=chasing] .police-beacon i{animation:police-beacon 1.8s ease-in-out infinite}.police-notice[data-state=chasing] .police-beacon i+i{animation-delay:.9s}@keyframes police-beacon{0%,to{opacity:.35}50%{opacity:1}}@keyframes police-enter{0%{opacity:0;translate:8px 0}to{opacity:1;translate:0 0}}@media(max-width:1000px){.police-notice{right:24px;top:76px}}@media(max-width:650px){.police-notice{right:16px;top:66px;width:min(320px,calc(100vw - 32px));padding:12px 14px}}@media(prefers-reduced-motion:reduce){.police-notice,.police-beacon i{animation:none!important}}.police-notice[hidden]{display:none}#ui:not(.playing) .police-notice{display:none}#ui[data-world=track] .forest-layout{display:none}.minimap-panel{width:232px}.minimap-frame{width:224px;height:184px;border-radius:22px;padding:0;overflow:hidden;perspective:360px;background:#121c23}.map-perspective{position:absolute;inset:0;transform:rotateX(47deg) scale(1.48);transform-origin:50% 75%;transform-style:preserve-3d}.district-map{width:100%;height:100%;border-radius:0;overflow:visible;box-shadow:none}.minimap-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#10232b85,transparent 35%,transparent 85%,#10202b44);border-radius:inherit}.navigation-arrow{position:absolute;z-index:2;left:50%;top:75%;width:34px;height:37px;transform:translate(-50%,-60%);filter:drop-shadow(0 2px 3px #020b1377)}.compass{top:10px;right:10px;width:27px;height:27px}.compass>span{display:flex;align-items:center;gap:2px;font-size:15px}.compass small{font-size:7px}@media(max-width:1000px){.minimap-panel{width:195px}.minimap-frame{width:190px;height:160px}}@media(max-width:650px){.minimap-panel{width:150px}.minimap-frame{width:148px;height:126px;border-radius:17px}.navigation-arrow{width:27px;height:30px}.compass{width:22px;height:22px;right:7px;top:7px}}@media(max-height:470px){.minimap-frame{width:142px;height:112px}.map-caption{margin-top:7px}}.trial-panel{position:absolute;left:50%;top:96px;transform:translate(-50%);min-width:245px;max-width:330px;padding:13px 18px;border:1px solid #d5ffa54d;border-radius:14px;background:#10202be8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--hud-shadow);text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px;pointer-events:auto}.trial-panel[hidden],.trial-panel button[hidden],#ui:not(.playing) .trial-panel{display:none}.trial-eyebrow{font-size:8px;letter-spacing:1.8px;color:var(--hud-accent)}#trial-time{font:600 35px Barlow Condensed,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:1px}#trial-detail{font-size:10px;color:#c1cdd4}.trial-panel button{display:flex;gap:9px;align-items:center;margin-top:5px;padding:6px 12px;border:1px solid #d6edb233;border-radius:7px;background:#c6ef9d12;font-size:10px}.trial-panel kbd{background:var(--hud-accent);color:#213420;font-weight:700}#ui[data-trial=running] .forest-layout path[data-route=loop]{stroke:#d5ffa5}@media(max-width:650px){.trial-panel{top:66px;min-width:195px;padding:9px 12px}#trial-time{font-size:29px}}@media(max-height:470px){.trial-panel{top:62px;left:auto;right:20px;transform:none;min-width:195px}}.group-notice{position:absolute;top:90px;left:50%;transform:translate(-50%);max-width:calc(100vw - 40px);padding:10px 16px;border:1px solid #d3f7b33a;border-radius:9px;background:#102129e8;color:#d7f4bc;font-size:12px;text-align:center;pointer-events:none}.group-notice[hidden]{display:none}#ui:not(.playing) .group-notice{display:none}@media(max-width:600px){.group-notice{top:78px;font-size:11px}.controls-strip>span:has(kbd){flex-shrink:0}}#ui.launch-screen .topbar,#ui.launch-screen #debug{display:none}.overlay{z-index:5}.pause-options[hidden],.welcome h1[hidden],.welcome p[hidden],.launch-logo{display:none}.overlay[data-mode=launch]{justify-content:center;background:radial-gradient(ellipse at 50% 42%,#09233366,transparent 65%),#070d11}.overlay[data-mode=launch] .welcome{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:none;margin:0;padding:28px 24px;text-align:center}.overlay[data-mode=launch] .launch-logo{display:block;width:min(600px,82vw);height:auto;max-height:65dvh;object-fit:contain;mix-blend-mode:lighten;animation:launch-reveal .45s ease-out both}.overlay[data-mode=launch] .start-button{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;width:300px;max-width:82vw;min-width:0;min-height:62px;margin:0;padding:17px 26px;border:1px solid #8be8ff99;border-radius:16px;background:linear-gradient(135deg,#58d8ff,#16b6ed);color:#052330;box-shadow:0 8px 32px #00b9ff24,inset 0 1px #fff6;font-size:16px;letter-spacing:.15px;transition:transform .18s,box-shadow .18s,background .18s;animation:launch-reveal .5s ease-out both}.start-button .start-label{font-size:inherit}.start-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:25px;height:25px}.start-icon svg{width:24px;height:24px;fill:currentColor}.overlay[data-mode=launch] .start-button:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#91e8ff,#32c9fa);box-shadow:0 12px 40px #00b9ff40,inset 0 1px #fff8}.overlay[data-mode=launch] .start-button:active:not(:disabled){transform:translateY(0)}.overlay[data-mode=launch] .start-button:focus-visible{outline:3px solid #d9f7ff;outline-offset:6px}.overlay[data-mode=launch] .start-button:disabled{opacity:1;color:#9ab5c4;background:#12222b;border-color:#2d4653;box-shadow:none}.start-button[aria-busy=true] .start-icon{width:20px;height:20px;border:2px solid #5b7b8c55;border-top-color:#64d8ff;border-radius:50%;animation:launch-spin 1s linear infinite}.start-button[aria-busy=true] .start-icon svg{display:none}.overlay[data-mode=launch] .welcome h1{font:600 22px DM Sans,sans-serif;letter-spacing:0;margin:0}.overlay[data-mode=launch] .welcome p{max-width:480px;margin:0;color:#b8c7ce}.overlay[data-mode=pause] .welcome{padding-top:10px;padding-bottom:20px}.overlay[data-mode=pause] .start-icon{display:none}.overlay[data-mode=pause] .welcome h1{font-size:48px}@keyframes launch-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes launch-spin{to{transform:rotate(360deg)}}@media(max-height:500px){.overlay[data-mode=launch] .welcome{gap:14px;padding:16px}.overlay[data-mode=launch] .launch-logo{max-height:60dvh}.overlay[data-mode=launch] .start-button{min-height:52px;padding:12px 24px;font-size:15px}}@media(prefers-reduced-motion:reduce){.overlay[data-mode=launch] .launch-logo,.overlay[data-mode=launch] .start-button,.start-button[aria-busy=true] .start-icon{animation:none;transition:none}}.fps-counter{position:absolute;top:8px;right:12px;z-index:3;pointer-events:none;font:10px/1.2 ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums;color:#dce8e4b3;text-shadow:0 1px 3px #000;min-width:48px;text-align:right}#ui:not(.playing) .fps-counter{display:none}.load-progress{width:min(340px,80vw);margin:18px auto;display:grid;grid-template-columns:1fr auto;gap:8px 12px;text-align:left;font-size:12px;color:#d4dfe3}.load-progress[hidden]{display:none}#load-stage{grid-column:1 / -1}#load-bar{width:100%;height:6px;align-self:center;border:0;border-radius:8px;overflow:hidden;accent-color:#d2ff8d}#load-bar::-webkit-progress-bar{background:#35434a}#load-bar::-webkit-progress-value{background:#d2ff8d;border-radius:8px}#load-percent{font-variant-numeric:tabular-nums}.delivery-panel{position:absolute;right:28px;top:100px;width:265px;max-width:calc(100vw - 40px);padding:16px 18px;display:flex;flex-direction:column;gap:9px;background:#122a2bea;border:1px solid #6ef1b65c;border-radius:15px;box-shadow:var(--hud-shadow);pointer-events:auto;color:#edf9f1}.delivery-panel[hidden],.delivery-panel [hidden],#ui:not(.playing) .delivery-panel{display:none}.delivery-heading{display:flex;justify-content:space-between;align-items:center;color:#86edb9;font-size:10px;letter-spacing:1.5px}.delivery-heading span:last-child{font-size:23px;line-height:20px}.delivery-panel strong{font-size:16px;line-height:1.4}.delivery-panel>span{font-size:12px;color:#c5dcd3}.delivery-panel p{margin:0;font-size:11px;line-height:1.5;color:#b4d9c3}.delivery-panel p:empty{display:none}.delivery-panel button{display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:#8fefba;color:#142d26;padding:11px 12px;font-weight:700;font-size:12px}.delivery-panel button:disabled{opacity:.6;cursor:default}.delivery-panel .delivery-cancel{align-self:flex-start;background:transparent;padding:3px 0;color:#a4c5b5;font-size:10px;font-weight:400;text-decoration:underline}.delivery-panel button:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:700px){.delivery-panel{top:85px;right:16px;width:215px;padding:12px}.delivery-panel strong{font-size:14px}}@media(max-height:500px){.delivery-panel{top:72px;right:12px;width:220px;gap:5px;padding:10px}}.delivery-panel button kbd{background:#193c30;color:#c7fce1;border-color:#193c30;font-weight:700}.loading-art{display:none}.overlay[data-state=loading]{background:#080e13;overflow:hidden}.overlay[data-state=loading] .loading-art{display:block;position:absolute;inset:0 0 100px;width:100%;height:calc(100% - 100px);object-fit:contain;object-position:center}.overlay[data-state=loading] .welcome{position:absolute;inset:0;padding:0;margin:0;pointer-events:none}.overlay[data-state=loading] .launch-logo,.overlay[data-state=loading] .start-button{display:none}.overlay[data-state=loading] .load-progress{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);box-sizing:border-box;width:min(900px,calc(100% - 48px));margin:0;padding:14px 20px;border:1px solid #65cffe33;border-radius:12px;background:#10212bee;color:#e2f2fa;box-shadow:0 8px 32px #0004;gap:9px 16px;font-size:12px}.overlay[data-state=loading] #load-stage{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.overlay[data-state=loading] #load-bar{accent-color:#58d8ff;height:7px}.overlay[data-state=loading] #load-bar::-webkit-progress-value{background:#58d8ff}.intro-toggle{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:2;pointer-events:auto;padding:10px 14px;border:1px solid #bee8ff66;border-radius:10px;background:#0c1c29e8;color:#e7f7ff;font-size:12px;box-shadow:0 3px 15px #0006}.intro-toggle[hidden]{display:none}.intro-toggle:hover{background:#193e52}.intro-toggle:focus-visible{outline:2px solid #73ddff;outline-offset:3px}@media(max-width:600px){.overlay[data-state=loading] .load-progress{width:calc(100% - 24px);padding:12px 14px}.intro-toggle{font-size:11px;padding:8px 10px}}#settings-open,.settings-title,.menu-back{display:none}.menu-list,.overlay[data-state=loading] .launch-menu{display:contents}.overlay:is([data-mode=launch],[data-mode=pause]) .welcome{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(320px,1.1fr);align-items:center;justify-items:start;gap:clamp(24px,5vw,90px);width:min(1320px,100%);max-width:none;margin:auto;padding:clamp(24px,6vh,72px) clamp(24px,7vw,110px);box-sizing:border-box;text-align:left}.overlay:is([data-mode=launch],[data-mode=pause]) .launch-logo{grid-column:2;grid-row:1;justify-self:center;width:min(620px,100%);max-height:72dvh}.overlay:is([data-mode=launch],[data-mode=pause]) .launch-menu{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:22px;width:100%;max-width:480px;animation:launch-reveal .45s ease-out both}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list .menu-item,.overlay:is([data-mode=launch],[data-mode=pause]) #settings-open{display:flex;align-items:center;width:auto;min-width:0;min-height:0;margin:0;padding:4px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;font:600 clamp(24px,2.3vw,32px)/1.15 "Barlow Condensed",Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .15s ease}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list .menu-item:hover:not(:disabled),.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list .menu-item:focus-visible{color:#9be6ff;background:none;transform:none;box-shadow:none;outline:none}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list .start-icon{display:none}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list .start-button:disabled{color:#5f7480;background:none;border:0}.overlay:is([data-mode=launch],[data-mode=pause])[data-panel=settings] .menu-list{display:none}.overlay:is([data-mode=launch],[data-mode=pause])[data-state=loading] .menu-list{display:none}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options{width:100%;box-sizing:border-box;padding:26px 28px 24px;border:1px solid #58d8ff2e;border-radius:20px;background:linear-gradient(160deg,#10243099,#09141bcc);box-shadow:0 24px 60px #0008,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:launch-reveal .3s ease-out both}.overlay:is([data-mode=launch],[data-mode=pause]) .settings-title{display:block;margin:0 0 18px;color:#fff;font:800 40px/1 Barlow Condensed,Impact,sans-serif;letter-spacing:.04em;text-transform:uppercase}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options .world-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options .world-picker button{min-width:0;padding:13px 16px;border-radius:12px;border-color:#c9e6f22b;background:#ffffff08;color:#dbe8ee;font:700 18px/1 Barlow Condensed,sans-serif;letter-spacing:.04em;text-transform:uppercase}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options .world-picker button[aria-pressed=true]{border-color:#58d8ff;background:#58d8ff1f;color:#fff;box-shadow:inset 0 0 0 1px #58d8ff55}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options .world-picker small{font:500 11px DM Sans,sans-serif;letter-spacing:0;text-transform:none;color:#8fb3c2}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options .city-options{display:contents}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options .sound-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box;margin:0;padding:12px 2px;border:0;border-bottom:1px solid #ffffff14;border-radius:0;background:none;color:#e9f3f7;font:600 14px DM Sans,sans-serif;text-align:left;cursor:pointer}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options button.sound-button:after{content:"";flex-shrink:0;width:38px;height:22px;border-radius:11px;background:#2a3b45 radial-gradient(circle at 11px 11px,#9fb3bd 7px,transparent 7.5px);transition:background .18s ease}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options button.sound-button[aria-pressed=true]:after{background:#2fb9ec radial-gradient(circle at 27px 11px,#fff 7px,transparent 7.5px)}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options button.sound-button:hover{color:#fff}.overlay:is([data-mode=launch],[data-mode=pause]) .pause-options select{min-width:150px;padding:7px 30px 7px 12px;border:1px solid #58d8ff40;border-radius:9px;background:#0b1820;color:#fff;font:600 13px DM Sans,sans-serif;cursor:pointer}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-back{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:4px 0;border:0;background:none;color:#fff;font:800 24px/1 Barlow Condensed,Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,gap .18s ease}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-back:hover,.overlay:is([data-mode=launch],[data-mode=pause]) .menu-back:focus-visible{color:#9be6ff;gap:16px;outline:none}@media(max-width:860px){.overlay:is([data-mode=launch],[data-mode=pause]) .welcome{grid-template-columns:1fr;justify-items:center;gap:20px;padding:24px 16px}.overlay:is([data-mode=launch],[data-mode=pause]) .launch-logo{grid-column:1;grid-row:1;width:min(420px,86vw);max-height:38dvh}.overlay:is([data-mode=launch],[data-mode=pause]) .launch-menu{grid-column:1;grid-row:2;align-items:center}.overlay:is([data-mode=launch],[data-mode=pause]) .menu-list{align-items:center}}.overlay[data-state=loading] .welcome{display:block;position:absolute;inset:0;width:auto;max-width:none;margin:0;padding:0}.overlay[data-state=loading] .launch-menu{display:contents;animation:none}.overlay[data-mode=pause]{justify-content:center;background:radial-gradient(ellipse at 50% 42%,#09233388,transparent 65%),#070d11eb}.overlay[data-mode=pause] .launch-logo{display:block;object-fit:contain;mix-blend-mode:lighten}.overlay[data-mode=pause] .welcome h1,.overlay[data-mode=pause] .welcome p{display:none}.overlay .menu-item:focus-visible,.overlay .menu-back:focus-visible{outline:2px solid #9be6ff!important;outline-offset:6px}