:root{--hud-text: #242b32;--hud-surface: rgba(255, 255, 255, .62);--hud-border: rgba(255, 255, 255, .58);--hud-accent: #2272ea;--hud-danger: #f54d6d;--hud-shadow: 0 1px 0 rgba(255, 255, 255, .86) inset, 0 14px 42px -18px rgba(34, 48, 74, .34), 0 2px 8px -4px rgba(34, 48, 74, .16);color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(circle at 82% 13%,rgba(255,219,150,.44),transparent 30%),radial-gradient(circle at 16% 18%,rgba(46,125,238,.36),transparent 34%),radial-gradient(circle at 68% 86%,rgba(120,236,183,.22),transparent 34%),linear-gradient(135deg,#6daaf0,#bfe0f5 48%,#fff0d1);color:var(--hud-text)}body:before,body:after{content:"";position:fixed;inset:0;z-index:3;pointer-events:none}body:before{-webkit-backdrop-filter:blur(2.2px) saturate(1.03);backdrop-filter:blur(2.2px) saturate(1.03);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.74) 16%,transparent 34%,transparent 66%,rgba(0,0,0,.72) 84%,#000 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.74) 16%,transparent 34%,transparent 66%,rgba(0,0,0,.72) 84%,#000 100%)}body:after{background:radial-gradient(ellipse at center,#ebf8ff00 48%,#ebf8ff38 78%,#ffefd88a),radial-gradient(ellipse at center,#050a1400 52%,#050a141c)}button{font:inherit}#app,#world-canvas{width:100vw;height:100vh}#world-canvas{display:block;touch-action:none;cursor:grab}#world-canvas:active{cursor:grabbing}.theme-night{--hud-text: #e8f7ff;--hud-surface: rgba(8, 18, 34, .6);--hud-border: rgba(117, 255, 221, .2);--hud-accent: #57ffd5;--hud-danger: #ff6e90;--hud-shadow: 0 18px 52px rgba(0, 0, 0, .34);color-scheme:dark}.world-labels{position:fixed;inset:0;pointer-events:none;z-index:4}.token-label{position:absolute;padding:5px 9px;border:1px solid rgba(255,255,255,.45);border-radius:6px;background:#08101cad;color:#f7fbff;font-size:12px;font-weight:700;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.3);white-space:nowrap}.hud-shell{position:fixed;inset:0;z-index:9;pointer-events:none;color:var(--hud-text)}.loading-panel,.brand-mark,.world-pill,.quick-rail,.speedometer,.counter-panel,.right-dock,.web3-panel,.district-panel,.minimap-panel,.car-panel,.tool-stack,.drive-help,.bubble-toast,.boot-error{pointer-events:auto}.brand-mark{position:absolute;top:16px;left:22px;display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:7px 14px 7px 8px;border:1px solid var(--hud-border);border-radius:999px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.brand-glyph{position:relative;width:28px;height:28px;flex:0 0 auto;border-radius:9px;background:linear-gradient(135deg,#79d65f,#2f80ed);box-shadow:inset 0 -4px #10422329,0 1px 2px #141e3221}.brand-glyph:after{content:"";position:absolute;left:8px;top:14px;width:12px;height:9px;border:2px solid #fff;border-top:0;border-radius:0 0 3px 3px}.brand-mark strong{font-size:13px;font-weight:850;line-height:1;white-space:nowrap}.world-pill{position:absolute;top:16px;left:50%;transform:translate(-50%);padding:5px 14px 5px 9px;border:1px solid var(--hud-border);border-radius:999px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.world-pill-button{display:inline-flex;align-items:center;gap:8px;min-height:30px;border:0;padding:0;background:transparent;color:var(--hud-text);font-size:13px;font-weight:820;cursor:pointer}.world-pill-button:before{content:"";width:22px;height:22px;flex:0 0 auto;border-radius:7px;background:linear-gradient(135deg,#ffd75a,#5f8fff);box-shadow:inset 0 -3px #41506e29}.world-pill-button svg{width:12px;height:12px;fill:none;stroke:color-mix(in srgb,var(--hud-text) 58%,transparent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s ease}.world-pill.is-open .world-pill-button svg{transform:rotate(180deg)}.world-menu{position:absolute;top:calc(100% + 8px);left:50%;width:196px;transform:translate(-50%);padding:7px;border:1px solid var(--hud-border);border-radius:14px;background:#f4fafcfa;box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);z-index:22}.world-menu[hidden]{display:none}.world-menu-title{padding:3px 8px 6px;color:color-mix(in srgb,var(--hud-text) 58%,transparent);font-size:10px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.world-menu-item{display:flex;align-items:center;gap:8px;width:100%;min-height:30px;border:0;border-radius:10px;padding:0 9px;background:transparent;color:var(--hud-text);font-size:12px;font-weight:680;text-align:left;cursor:pointer}.world-menu-item:hover,.world-menu-item:focus-visible{outline:0;background:#ffffff8f}.world-menu-item span{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:var(--dot);box-shadow:0 0 10px color-mix(in srgb,var(--dot) 70%,transparent)}.world-menu-item strong{font-weight:680}.quick-rail{position:absolute;left:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;width:48px;padding:7px 6px;border:1px solid var(--hud-border);border-radius:999px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.quick-button{width:36px;min-height:42px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--hud-text);font-size:8px;font-weight:850;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.quick-button:hover,.quick-button.is-selected{border-color:#ffffffad;background:#ffffff94}.quick-button:active{transform:translateY(1px)}.quick-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.loading-panel{position:absolute;left:50%;top:44px;transform:translate(-50%);width:min(420px,calc(100vw - 32px));padding:18px 20px;border:1px solid var(--hud-border);border-radius:8px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center}.loading-title{font-size:18px;font-weight:800;letter-spacing:0}.loading-copy{margin-top:6px;font-size:13px;line-height:1.45;opacity:.78}.speedometer{position:absolute;left:76px;top:50%;transform:translateY(-50%);width:148px;padding:14px;border:1px solid var(--hud-border);border-radius:16px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.speed-dial{position:relative;width:88px;height:48px;margin:0 auto;overflow:hidden;border:3px solid color-mix(in srgb,var(--hud-accent) 62%,transparent);border-bottom:0;border-radius:88px 88px 0 0}.speed-needle{position:absolute;left:50%;bottom:0;width:3px;height:42px;transform-origin:bottom center;border-radius:999px;background:var(--hud-danger);transition:transform .1s linear}.speed-center{position:absolute;left:50%;bottom:-5px;width:12px;height:12px;transform:translate(-50%);border-radius:50%;background:var(--hud-accent)}.speed-number{margin-top:8px;text-align:center;font-size:30px;font-weight:850;line-height:1;font-variant-numeric:tabular-nums}.speed-number small{display:block;margin-top:2px;font-size:11px;font-weight:700;opacity:.66}.counter-panel{position:absolute;right:22px;top:16px;min-width:176px;padding:14px 16px;border:1px solid var(--hud-border);border-radius:18px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);font-size:15px}.counter-panel strong{font-size:24px;color:var(--hud-accent);font-variant-numeric:tabular-nums}.counter-panel small{display:block;margin-top:4px;opacity:.68}.right-dock{position:absolute;right:22px;top:112px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:330px;max-height:calc(100vh - 136px);overflow:auto}.web3-panel{width:330px;padding:14px;border:1px solid var(--hud-border);border-radius:18px;background:color-mix(in srgb,var(--hud-surface) 92%,rgba(3,10,22,.18));box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.web3-panel.is-collapsed{overflow:hidden}.minimap-panel.is-collapsed{display:none}.web3-panel.is-collapsed{width:256px}.web3-panel.is-collapsed .collapsible-content{display:none}.web3-head,.wallet-strip,.web3-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-actions{display:flex;align-items:center;gap:8px}.web3-title{font-size:14px;font-weight:850}.web3-head small,.risk-copy,.swap-status,.mint-status{color:color-mix(in srgb,var(--hud-text) 68%,transparent);font-size:11px;line-height:1.45}.web3-head small.is-blocked{color:var(--hud-danger)}.web3-connect,.web3-primary,.web3-secondary,.panel-toggle{min-height:32px;border:1px solid color-mix(in srgb,var(--hud-accent) 44%,var(--hud-border));border-radius:6px;padding:0 10px;color:var(--hud-text);font-size:11px;font-weight:800;cursor:pointer}.web3-connect,.web3-primary{background:var(--hud-accent);color:#06121d}.web3-secondary{background:#ffffff1f}.panel-toggle{min-height:28px;padding:0 9px;background:#ffffff1f;color:color-mix(in srgb,var(--hud-text) 76%,transparent)}.web3-secondary.is-selected{border-color:color-mix(in srgb,#63d884 66%,var(--hud-border));color:#63d884}.wallet-strip{margin-top:12px;padding:8px 10px;border:1px solid var(--hud-border);border-radius:6px;background:#ffffff1f;font-size:11px;font-weight:800}.wallet-strip b{color:var(--hud-accent);font-size:10px;font-weight:850}.points-card{display:flex;align-items:baseline;justify-content:space-between;margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--hud-accent) 30%,var(--hud-border));border-radius:8px;background:color-mix(in srgb,var(--hud-accent) 10%,transparent)}.points-card span,.web3-section-title{color:color-mix(in srgb,var(--hud-text) 64%,transparent);font-size:10px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.points-card strong{color:var(--hud-accent);font-size:28px;font-variant-numeric:tabular-nums;line-height:1}.web3-section,.swap-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--hud-border)}.quest-list{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.quest-list li{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;font-size:11px;font-weight:760}.quest-list progress{grid-column:1 / -1;width:100%;height:6px;overflow:hidden;border:0;border-radius:999px;background:#ffffff29}.quest-list progress::-webkit-progress-bar{background:#ffffff29}.quest-list progress::-webkit-progress-value{background:var(--hud-accent)}.swap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 10px}.swap-grid label{color:color-mix(in srgb,var(--hud-text) 64%,transparent);font-size:10px;font-weight:800}.swap-grid input{display:block;width:100%;min-height:31px;margin-top:4px;border:1px solid var(--hud-border);border-radius:6px;padding:0 8px;background:#ffffff1f;color:var(--hud-text);font:750 11px/1 Inter,ui-sans-serif,system-ui,sans-serif}.risk-copy{margin:12px 0 0}.district-panel{position:absolute;left:76px;top:calc(50% + 92px);width:184px;padding:10px;border:1px solid var(--hud-border);border-radius:18px;background:color-mix(in srgb,var(--hud-surface) 92%,rgba(0,0,0,.08));box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.map-title{margin-bottom:8px;color:color-mix(in srgb,var(--hud-text) 60%,transparent);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.district-button{display:flex;align-items:center;width:100%;min-height:27px;gap:8px;border:0;border-radius:999px;background:transparent;color:color-mix(in srgb,var(--hud-text) 72%,transparent);font-size:11px;font-weight:700;text-align:left;cursor:pointer}.district-button:hover{background:#ffffff7a;color:var(--hud-text)}.district-button span{width:9px;height:9px;flex:0 0 auto;border-radius:999px;background:var(--dot);box-shadow:0 0 10px color-mix(in srgb,var(--dot) 70%,transparent)}.car-panel{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(560px,calc(100vw - 300px));min-width:420px;padding:10px 12px;border:1px solid var(--hud-border);border-radius:999px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);display:flex;align-items:center;gap:12px}.panel-title{margin-bottom:0;font-size:13px;font-weight:700;white-space:nowrap}.panel-title strong{color:var(--hud-accent)}.car-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;flex:1}.car-button,.tool-button{min-height:36px;border:1px solid var(--hud-border);border-radius:999px;background:#ffffff2e;color:var(--hud-text);font-size:11px;font-weight:750;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.car-button:hover,.tool-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--hud-accent) 70%,var(--hud-border))}.car-button:active,.tool-button:active{transform:translateY(0)}.car-button.is-selected{background:var(--hud-accent);color:#07111f}.car-button:disabled{cursor:default}.tool-stack{display:grid;gap:10px;width:132px}.tool-button{background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tool-button.is-muted{color:color-mix(in srgb,var(--hud-text) 56%,transparent)}.minimap-panel{width:184px;padding:12px;border:1px solid var(--hud-border);border-radius:18px;background:color-mix(in srgb,var(--hud-surface) 92%,rgba(0,0,0,.08));box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%)}.minimap-head,.minimap-coords{display:flex;align-items:center;justify-content:space-between;color:color-mix(in srgb,var(--hud-text) 58%,transparent);font-size:10px;font-weight:800}.minimap-canvas{display:block;width:160px;height:160px;margin:9px 0;border:1px solid color-mix(in srgb,var(--hud-accent) 30%,var(--hud-border));border-radius:12px;background:#0d3d29d1}.minimap-coords b{color:var(--hud-text);font-variant-numeric:tabular-nums}.drive-help{position:absolute;left:50%;bottom:88px;transform:translate(-50%);width:min(540px,calc(100vw - 360px));padding:8px 14px;border:1px solid var(--hud-border);border-radius:999px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);text-align:center;font-size:12px;font-weight:700}.bubble-toast{position:absolute;right:22px;bottom:96px;max-width:390px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--hud-accent) 55%,var(--hud-border));border-radius:8px;background:var(--hud-surface);box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);font-size:13px;font-weight:750;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.bubble-toast.is-visible{opacity:1;transform:translateY(0)}.boot-error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 32px));padding:18px;border:1px solid rgba(245,77,109,.5);border-radius:8px;background:#ffffffeb;color:#7f1d1d;box-shadow:var(--hud-shadow)}@media(max-width:760px){.brand-mark{left:10px;top:8px;min-height:34px;padding:5px 10px 5px 6px;max-width:calc(100vw - 24px)}.brand-glyph{width:23px;height:23px;border-radius:8px}.brand-glyph:after{left:7px;top:12px;width:9px;height:7px;border-width:2px}.brand-mark strong{max-width:156px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.world-pill{top:48px;max-width:calc(100vw - 24px);padding:4px 10px 4px 7px}.world-pill-button{min-height:24px;gap:6px;font-size:11px;line-height:1.1}.world-pill-button:before{width:18px;height:18px;border-radius:6px}.world-pill-button span{max-width:154px;overflow:hidden;text-overflow:ellipsis}.world-menu{top:calc(100% + 6px);width:min(196px,calc(100vw - 28px));max-height:262px;overflow:auto;border-radius:13px}.world-menu-title{padding:2px 7px 5px;font-size:9px}.world-menu-item{min-height:28px;padding:0 8px;font-size:11px}.quick-rail{left:10px;top:auto;bottom:174px;transform:none;flex-direction:row;width:auto;max-width:calc(100vw - 20px)}.speedometer{width:86px;padding:9px;left:12px;top:86px;transform:none;border-radius:14px}.speed-dial{width:58px;height:34px;border-width:3px}.speed-needle{height:29px}.speed-number{margin-top:5px;font-size:24px}.speed-number small{font-size:10px}.counter-panel{right:12px;top:86px;min-width:120px;padding:10px 12px;border-radius:14px;font-size:12px}.counter-panel strong{font-size:22px}.counter-panel small{margin-top:2px}.right-dock{right:12px;left:auto;top:156px;width:min(250px,calc(100vw - 116px));max-height:calc(100vh - 420px);align-items:flex-end;overflow:auto;scrollbar-width:none}.right-dock::-webkit-scrollbar{display:none}.district-panel{display:none}.web3-panel{width:min(250px,calc(100vw - 24px));max-height:236px;min-height:0;padding:10px;overflow:auto;border-radius:14px}.web3-panel.is-collapsed{display:none}.minimap-panel{width:min(184px,calc(100vw - 116px));max-height:220px;overflow:auto;padding:10px;border-radius:14px}.minimap-panel.is-collapsed{display:none}.web3-head,.panel-actions,.minimap-head{gap:6px}.web3-title{font-size:12px;line-height:1.1}.web3-head small,.risk-copy,.swap-status,.mint-status{font-size:10px}.web3-connect,.web3-primary,.web3-secondary,.panel-toggle{min-height:28px;padding:0 8px;font-size:10px;border-radius:8px}.web3-panel.is-collapsed .web3-connect{padding:0 7px}.wallet-strip,.points-card,.web3-section,.swap-form{margin-top:8px}.points-card strong{font-size:22px}.minimap-canvas{width:min(160px,calc(100vw - 150px));height:min(160px,calc(100vw - 150px))}.car-panel{left:12px;right:12px;bottom:64px;transform:none;width:auto;min-width:0;border-radius:18px;align-items:stretch;flex-direction:column}.drive-help{left:12px;right:12px;bottom:12px;width:auto;transform:none;font-size:12px}.bubble-toast{left:12px;right:12px;bottom:174px;max-width:none}.swap-grid{grid-template-columns:1fr}}