@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#fff;background:#b7cdd3;font-synthesis:none;--ink:#183e38;--cream:#f6f4e9;--mint:#c5dfaa;--line:rgba(255,255,255,.22)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #f0c879;outline-offset:4px}#scene,#scene canvas{position:fixed;inset:0;width:100%;height:100%;display:block}button{border:0}button:disabled{opacity:.45;cursor:wait}.identity{position:absolute;left:32px;top:28px;display:flex;align-items:center;gap:13px;text-shadow:0 1px 5px #19363055}.brand-mark{border:1px solid #ffffff70;border-radius:12px;width:47px;height:47px;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;background:#183e3860}.brand-mark span{font-size:13px;align-self:flex-start;margin-top:9px}.identity strong{display:block;font-size:13px;letter-spacing:2.6px}.identity div>span{display:block;font-size:11px;margin-top:5px;opacity:.85;letter-spacing:.8px}.live-dot,.location-dot{width:6px;height:6px;background:var(--mint);border-radius:50%}.live-dot{margin:0 8px}.location{position:absolute;top:34px;right:32px;display:flex;gap:9px;align-items:center;background:#183e3899;padding:11px 16px;border:1px solid var(--line);border-radius:30px;font-size:12px;max-width:38vw}.location span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-panel{position:absolute;right:32px;top:93px;width:258px;background:var(--cream);color:var(--ink);border-radius:15px;overflow:hidden;box-shadow:0 10px 35px #183e3826;border:1px solid #ffffff80;transition:width .2s}.map-heading{padding:13px 15px 8px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.9px}.map-heading button{background:none;color:var(--ink);font-size:20px;padding:0 3px}#minimap{display:block;width:100%;height:262px;cursor:pointer}.map-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 15px 13px;font-size:8px;letter-spacing:1px;border-top:1px solid #183e3814}.map-footer span{display:flex;align-items:center;gap:7px}.map-footer i{width:6px;height:6px;background:#e06942;border-radius:50%}.map-footer b{width:35px;height:4px;border:1px solid #183e38;border-top:0}.map-panel.expanded{width:min(480px,calc(100vw - 64px));z-index:15}.map-panel.expanded #minimap{height:min(62vh,650px)}.speed-panel{position:absolute;left:34px;bottom:83px;width:171px;text-shadow:0 2px 15px #123b3870}.speed-row{display:flex;align-items:center;gap:14px}#speed{font:500 78px/1 Manrope,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-5px}.speed-row>div{padding-top:10px}.speed-row>div>span{display:block;font-size:10px;letter-spacing:1.7px}.speed-row strong{font:600 21px Manrope,sans-serif;display:block;margin-top:9px;color:var(--mint)}.speed-track{height:2px;background:#ffffff50;margin-top:12px}.speed-track i{display:block;width:0;height:2px;background:var(--mint);transition:width .15s}.speed-caption{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;letter-spacing:1.8px}.actions{position:absolute;right:32px;bottom:30px;display:flex;gap:6px;padding:6px;border:1px solid #ffffff33;border-radius:14px;background:#183e38bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.actions button{display:flex;align-items:center;gap:8px;padding:12px 13px;background:transparent;color:#fff;border-radius:9px;font-size:11px;transition:background .15s}.actions button>span:first-child{font-size:18px}.actions button:hover{background:#ffffff16}.actions button[aria-pressed=true]{background:#c5dfaa;color:#183e38}.actions kbd{font-size:8px;border-color:#ffffff30;opacity:.65}.actions #help{font-size:15px;padding-inline:13px}.controls-hint{position:absolute;left:34px;bottom:34px;display:flex;align-items:center;gap:5px;font-size:10px;text-shadow:0 1px 6px #123b38;opacity:.9}.controls-hint span{margin-left:5px}.divider{margin-inline:8px!important;opacity:.4}kbd{font-family:inherit;border:1px solid #ffffff65;border-radius:4px;padding:3px 5px;font-size:9px;background:#183e3830}#toast{position:absolute;left:50%;top:30px;transform:translate(-50%,-15px);background:#183e38ed;border:1px solid var(--line);padding:12px 22px;border-radius:30px;font-size:12px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:25}#toast.show{opacity:1;transform:translate(-50%)}.veil{position:fixed;inset:0;background:linear-gradient(90deg,#123c37df,#123c37b0 30%,#123c3715 75%);display:flex;align-items:center;padding:8vw;z-index:30}.welcome-card{max-width:500px}.eyebrow{color:var(--mint);font-size:10px;font-weight:600;letter-spacing:2.5px}h1{font:500 clamp(46px,5.5vw,80px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:var(--mint)}.welcome-card p{font-size:15px;line-height:1.8;color:#fffb}.welcome-card #start{background:var(--mint);color:var(--ink);padding:17px 24px;border-radius:9px;margin-top:17px;font-weight:600;font-size:14px;min-width:220px;display:flex;justify-content:space-between;gap:40px}.welcome-footer{display:flex;gap:30px;font-size:9px;letter-spacing:1.6px;opacity:.75;margin:30px 0 18px}.welcome-card small{font-size:10px;line-height:1.8;color:#ffffff80}dialog{background:#183e38;color:var(--cream);border:1px solid #ffffff35;border-radius:18px;padding:35px;max-width:470px;box-shadow:0 20px 100px #0007}dialog::backdrop{background:#0a241c80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font:500 28px Manrope,sans-serif;letter-spacing:-1px}dialog dl{display:grid;grid-template-columns:145px 1fr;gap:14px;font-size:12px}dialog dt{color:var(--mint)}dialog dd{margin:0}dialog p{font-size:11px;line-height:1.7;opacity:.65}#close-help{position:absolute;right:17px;top:12px;background:transparent;color:#fff;font-size:25px}#pause{position:fixed;inset:0;background:#123b3866;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;cursor:pointer}#pause[hidden]{display:none}#pause strong{font:500 34px Manrope,sans-serif}#pause span{font-size:12px}.touch-controls{display:none}@media(max-width:900px){.actions button{padding:10px}.actions kbd{display:none}.actions button>span:nth-child(2){display:none}.map-panel{width:210px}#minimap{height:215px}.identity{left:20px;top:20px}.location{top:22px;right:20px}.map-panel{right:20px;top:76px}.actions{right:20px;bottom:23px}.speed-panel{left:22px}.controls-hint{left:22px;font-size:9px}.divider{margin-inline:2px!important}}@media(max-width:600px){.identity{gap:8px}.brand-mark{width:36px;height:36px;font-size:14px}.identity strong{font-size:10px;letter-spacing:1.5px}.identity div>span{font-size:9px}.live-dot{display:none}.location{top:68px;left:20px;right:auto;max-width:55vw;padding:7px 10px;font-size:9px}.map-panel{width:140px;top:20px;right:12px;border-radius:10px}.map-heading{font-size:8px;padding:8px 10px 3px;letter-spacing:1px}#minimap{height:160px}.map-footer{padding:6px 8px;font-size:6px;letter-spacing:.3px}.map-footer b{width:20px}.speed-panel{bottom:186px;width:126px}#speed{font-size:58px}.speed-caption{font-size:6px}.actions{bottom:104px;right:12px;left:12px;justify-content:center;gap:3px}.actions button{padding:8px 12px}.controls-hint{display:none}.touch-controls{display:flex;position:absolute;bottom:20px;left:20px;right:20px;justify-content:space-between}.touch-controls>div{display:flex;gap:8px}.touch-controls button{width:58px;height:58px;border-radius:50%;background:#183e38bd;border:1px solid #ffffff45;color:#fff;font-size:22px;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button.active{background:var(--mint);color:var(--ink)}.veil{padding:28px;background:linear-gradient(90deg,#123c37ed,#123c3780)}h1{font-size:50px}.eyebrow{font-size:8px}.welcome-card p{font-size:13px}.map-panel.expanded{width:calc(100vw - 24px)}dialog{width:calc(100vw - 30px);padding:25px}dialog dl{grid-template-columns:110px 1fr}#toast{top:200px;max-width:90vw;white-space:nowrap;font-size:10px}}.identity{background:#183e387d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 13px;border-radius:13px;border:1px solid #ffffff30}.speed-panel{padding:13px 15px;background:#183e3899;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff25;border-radius:13px;width:194px}.controls-hint{background:#183e387d;padding:8px 10px;border-radius:7px}.touch-controls button{min-height:58px}.actions button{min-width:38px}@media(max-width:600px){.identity{padding:8px;max-width:195px;top:14px;left:12px}.location{left:12px;top:78px}.speed-panel{width:146px;padding:10px 13px;left:14px}.map-panel{width:140px}.map-footer{font-size:6px}.map-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}