:root{--hud-text: #152233;--hud-surface: rgba(255, 255, 255, .72);--hud-border: rgba(32, 48, 74, .16);--hud-accent: #2f80ed;--hud-danger: #f54d6d;--hud-shadow: 0 18px 48px rgba(31, 45, 71, .18);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:#d9e1ee;color:var(--hud-text)}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, .68);--hud-border: rgba(117, 255, 221, .24);--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:5;pointer-events:none;color:var(--hud-text)}.loading-panel,.speedometer,.counter-panel,.right-dock,.web3-panel,.district-panel,.minimap-panel,.car-panel,.tool-stack,.drive-help,.bubble-toast,.boot-error{pointer-events:auto}.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:22px;top:22px;width:148px;padding:14px;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)}.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:22px;min-width:176px;padding:14px 16px;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);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:118px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:330px;max-height:calc(100vh - 146px);overflow:auto}.web3-panel{width:330px;padding:14px;border:1px solid var(--hud-border);border-radius:8px;background:color-mix(in srgb,var(--hud-surface) 90%,rgba(3,10,22,.48));box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.web3-panel.is-collapsed,.minimap-panel.is-collapsed{overflow:hidden}.web3-panel.is-collapsed{width:256px}.web3-panel.is-collapsed .collapsible-content,.minimap-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:22px;top:188px;width:176px;padding:12px;border:1px solid var(--hud-border);border-radius:8px;background:color-mix(in srgb,var(--hud-surface) 86%,rgba(0,0,0,.32));box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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:28px;gap:8px;border:0;border-radius:6px;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:color-mix(in srgb,var(--hud-accent) 14%,transparent);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:22px;bottom:24px;width:286px;padding:14px;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)}.panel-title{margin-bottom:10px;font-size:13px;font-weight:700}.panel-title strong{color:var(--hud-accent)}.car-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.car-button,.tool-button{min-height:36px;border:1px solid var(--hud-border);border-radius:6px;background:#ffffff2e;color:var(--hud-text);font-size:12px;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:8px;background:color-mix(in srgb,var(--hud-surface) 86%,rgba(0,0,0,.32));box-shadow:var(--hud-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.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-panel.is-collapsed{width:132px}.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:6px;background:#0d3d29d1}.minimap-coords b{color:var(--hud-text);font-variant-numeric:tabular-nums}.drive-help{position:absolute;left:50%;bottom:26px;transform:translate(-50%);width:min(540px,calc(100vw - 360px));padding:11px 16px;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;font-size:13px;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(18px);backdrop-filter:blur(18px);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){.speedometer{width:124px;left:12px;top:12px}.counter-panel{right:12px;top:12px;min-width:144px}.right-dock{right:12px;top:104px;width:min(280px,calc(100vw - 24px));max-height:calc(100vh - 256px)}.district-panel{display:none}.web3-panel{width:min(280px,calc(100vw - 24px));min-height:0;padding:12px}.web3-panel.is-collapsed{width:min(240px,calc(100vw - 24px))}.minimap-panel{width:184px}.car-panel{left:12px;right:12px;bottom:76px;width:auto}.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}}