*,*:before,*:after{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(76,197,251,.92) 0%,var(--scrollbar-thumb) 55%,rgba(14,165,233,.58) 100%);border-radius:999px;border:1px solid var(--scrollbar-border);box-shadow:0 0 10px #38bdf838}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(125,211,252,.98) 0%,var(--scrollbar-thumb-hover) 100%);box-shadow:0 0 14px #38bdf861}*::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-active);box-shadow:0 0 8px #38bdf880}*::-webkit-scrollbar-corner{background:transparent}@media(hover:none),(pointer:coarse){*::-webkit-scrollbar{width:var(--scrollbar-size-mobile);height:var(--scrollbar-size-mobile)}}.hud-dock-center,.toolbar,.scrollbar-hidden{scrollbar-width:none;scrollbar-color:transparent transparent}.hud-dock-center::-webkit-scrollbar,.toolbar::-webkit-scrollbar,.scrollbar-hidden::-webkit-scrollbar{display:none;width:0;height:0}:root{--bg-deep: #050912;--ink: #eef4ff;--ink-soft: #9eb4d4;--ink-faint: #5a7399;--paper: #0b1528;--paper-up: #122038;--paper-line: #1c3050;--accent: #38bdf8;--accent-dim: #0ea5e9;--accent-glow: rgba(56, 189, 248, .18);--mint: #34d399;--coral: #fb7185;--violet: #a78bfa;--ochre: var(--accent);--ochre-dim: var(--accent-dim);--sage: var(--mint);--rose: var(--coral);--font-ui: "Outfit", system-ui, sans-serif;--font-display: "Outfit", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--ease: cubic-bezier(.22, 1, .36, 1);--radius: 10px;--bottom-ui: 16px;--bottom-ui-h: 66px;--map-tools-stack: 53px;--scrollbar-size: 5px;--scrollbar-size-mobile: 4px;--scrollbar-track: rgba(8, 16, 32, .72);--scrollbar-thumb: rgba(56, 189, 248, .42);--scrollbar-thumb-hover: rgba(76, 197, 251, .78);--scrollbar-thumb-active: #38bdf8;--scrollbar-border: rgba(120, 220, 255, .22)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--ink);font-family:var(--font-ui);font-size:14px;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;display:block;cursor:crosshair}#game-canvas.cursor-hand{cursor:grab}#game-canvas.cursor-hand:active{cursor:grabbing}#hub-canvas.cursor-hand{cursor:grab}#hub-canvas.cursor-hand:active{cursor:grabbing}.hidden{display:none!important}.hud{position:absolute;inset:0;z-index:10;pointer-events:none}.hud-dock{position:absolute;top:14px;display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0b1528eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--paper-line);border-radius:14px;box-shadow:0 12px 40px #0006,0 0 0 1px #38bdf80d;pointer-events:auto}.hud-dock-left{left:14px}.hud-dock-center{left:50%;transform:translate(-50%);gap:5px;padding:6px 8px;max-width:min(calc(100vw - 32px),920px);overflow-x:auto}.hud-dock-right{right:14px;gap:12px}.hud-logo-btn{display:inline-flex;align-items:center;justify-content:flex-start;padding:0;margin:0;border:none;background:none;cursor:pointer;border-radius:8px;flex-shrink:0;line-height:0;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.hud-logo-btn:hover{transform:scale(1.04);box-shadow:0 0 0 2px #38bdf859}.hud-logo-btn:active{transform:scale(.98)}.hud-logo{display:block;height:36px;width:auto;max-width:none;object-fit:contain;object-position:left center;transform:translateY(2px);flex-shrink:0}.word{font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--ink);padding-right:4px}.word:after{content:"";display:inline-block;width:5px;height:5px;margin-left:6px;margin-bottom:2px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.stat{display:flex;align-items:center;gap:5px;padding:5px 8px;white-space:nowrap;border-radius:9px;background:#122038b8;border:1px solid rgba(28,48,80,.85);transition:background .2s var(--ease),border-color .2s var(--ease);flex-shrink:0}.stat:hover{background:#182a48eb;border-color:#38bdf847}.hud-dock-center.stats-tutorial .stat-tutorial-needs{border-color:#38bdf8;background:#38bdf824;box-shadow:0 0 0 2px #38bdf8bf,0 0 22px #38bdf873;animation:stat-tutorial-pulse .9s ease-in-out infinite;position:relative;z-index:2}.hud-dock-center.stats-tutorial .stat-tutorial-needs:after{content:"HOVER";position:absolute;top:-20px;left:50%;transform:translate(-50%);padding:2px 7px;border-radius:6px;background:#38bdf8;color:#041018;font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap;pointer-events:none;box-shadow:0 4px 14px #38bdf873}.hud-dock-center.stats-tutorial .stat-tutorial-done{border-color:#34d39973;box-shadow:0 0 0 1px #34d39933}@keyframes stat-tutorial-pulse{0%,to{box-shadow:0 0 0 2px #38bdf88c,0 0 16px #38bdf840;transform:scale(1)}50%{box-shadow:0 0 0 3px #38bdf8f2,0 0 28px #38bdf880;transform:scale(1.05)}}.stat b{font-family:var(--font-mono);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em;max-width:72px;overflow:hidden;text-overflow:ellipsis}.stat-icon{width:20px;height:20px;flex:none;border-radius:0;background-size:contain;background-repeat:no-repeat;background-position:center;image-rendering:auto}.stat-icon.lvl{width:36px;height:22px;background-size:100% 100%}.clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.clock [data-tod]{font-family:var(--font-mono);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ink)}.clock [data-date]{font-size:10px;font-weight:500;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase}.speed-tray{display:flex;align-items:center;gap:1px}.speed-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius);background:transparent;color:var(--ink-faint);cursor:pointer;transition:color .15s var(--ease),background .15s var(--ease)}.speed-btn svg{width:14px;height:14px;fill:currentColor}.speed-btn:hover{color:var(--ink-soft);background:var(--paper-up)}.speed-btn.active{color:var(--accent);background:var(--paper-up);box-shadow:inset 0 0 0 1px #38bdf840}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--paper-line);border-radius:var(--radius);background:transparent;color:var(--ink-soft);cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease)}.icon-btn:hover{border-color:var(--ink-faint);color:var(--ink)}.icon-btn svg{width:14px;height:14px;fill:currentColor}.island-reset-btn:hover{color:#ffb4b4}.hub-btn{width:auto;padding:0 8px 0 4px;gap:6px;font-family:var(--font-ui);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:lowercase;color:var(--ink-soft)}.hub-avatar{width:20px;height:20px;border-radius:var(--radius);background:var(--paper-up) center/cover no-repeat;border:1px solid var(--paper-line)}.mute-btn .ico-off{display:none}.mute-btn.muted{color:var(--ink-faint)}.mute-btn.muted .ico-on{display:none}.mute-btn.muted .ico-off{display:block}.toolbar-zone{position:absolute;left:0;right:0;bottom:var(--bottom-ui);display:flex;justify-content:center;align-items:flex-end;pointer-events:none;z-index:10}.toolbar-zone.hidden{display:none!important}.toolbar-stack{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:7px;max-width:calc(100vw - 24px)}#app:has(.vita:not(.hidden)) .toolbar-stack{max-width:calc(100vw - 24px - var(--bottom-ui-h) - 20px)}.map-tools{display:inline-flex;align-items:center;gap:2px;padding:4px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#081020e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 20px #00000061,inset 0 1px #ffffff0d}.map-tool{flex-direction:row!important;justify-content:center!important;gap:0!important;min-width:0!important;width:38px;height:38px;padding:0!important;border-radius:50%}.map-tool .ti{width:24px;height:24px}.map-tool[data-tool=bulldoze]:hover{color:#fda4af}.toolbar-build{border-radius:16px;border:1px solid var(--paper-line);background:#0b1528f0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 48px #0000007a,0 0 0 1px #38bdf80f}.toolbar{position:relative;left:auto;bottom:auto;transform:none;display:flex;align-items:flex-end;gap:2px;height:var(--bottom-ui-h);padding:0 10px;box-sizing:border-box;max-width:100%;overflow-x:auto}.tool{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:52px;padding:6px 6px 5px;border:none;border-radius:10px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.tool:hover{background:var(--paper-up);color:var(--ink)}.tool.active{background:var(--paper-up);box-shadow:inset 0 0 0 1px #38bdf840;color:var(--ink)}.tool.active:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.map-tools .tool.map-tool{border-radius:50%;min-width:38px}.map-tools .tool.map-tool:hover:not(.active){background:#ffffff14}.map-tools .tool.map-tool.active{background:#38bdf83d;box-shadow:none;color:#7dd3fc}.map-tools .tool.map-tool.active:after{display:none}.map-tools .tool.map-tool[data-tool=bulldoze].active{background:#fb718538;color:#fda4af}.tool.tool-locked{opacity:.38;filter:grayscale(.55)}.tool.tool-locked.active:after{display:none}.tool.tool-locked:before{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:50%;background:var(--ink-soft);opacity:.55;z-index:1}.toolbar-zone.vita-tutorial .map-tools .tool.tool-gated,.toolbar-zone.vita-tutorial .toolbar-build .tool.tool-gated{opacity:.14;filter:grayscale(.85);pointer-events:none}.toolbar-zone.vita-tutorial .map-tools .tool:not(.tool-gated):not(.tool-tutorial-target),.toolbar-zone.vita-tutorial .toolbar-build .tool:not(.tool-gated):not(.tool-tutorial-target){box-shadow:none}.tool.tool-tutorial-target{position:relative;z-index:6;opacity:1!important;filter:none!important;pointer-events:auto!important;animation:tutorial-target-pulse .75s ease-in-out infinite;outline:3px solid #38bdf8;outline-offset:3px;box-shadow:0 0 0 1px #fff3,0 0 24px #38bdf8a6,0 0 48px #38bdf859!important}.tool.tool-tutorial-target:after{content:"CLICK";position:absolute;top:-24px;left:50%;transform:translate(-50%);padding:3px 8px;border-radius:7px;background:linear-gradient(180deg,#5dd4ff,#38bdf8);color:#041018;font-size:10px;font-weight:800;letter-spacing:.14em;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #38bdf88c;z-index:8}.tool.tool-tutorial-target label{color:#7dd3fc!important;font-weight:700}@keyframes tutorial-target-pulse{0%,to{transform:scale(1);outline-color:#38bdf8}50%{transform:scale(1.1);outline-color:#7dd3fc}}.tutorial-callout{position:fixed;z-index:240;max-width:min(240px,calc(100vw - 24px));padding:8px 12px;border-radius:10px;background:#081020f5;border:2px solid #38bdf8;color:#e0f2fe;font-size:12px;font-weight:700;letter-spacing:.02em;text-align:center;pointer-events:none;box-shadow:0 12px 32px #0000008c,0 0 24px #38bdf859;transform:translate(-50%,-100%)}.tutorial-callout:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border:8px solid transparent;border-top-color:#38bdf8}.tutorial-callout.hidden{display:none!important}.vita.vita-dormant{opacity:0;visibility:hidden;pointer-events:none}.toolbar-zone.locked .toolbar-stack{opacity:.45;pointer-events:none}.tool label{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-faint);line-height:1;pointer-events:none}.tool:hover label,.tool.active label{color:var(--ink-soft)}.tool.active label{color:var(--accent)}.tool-wide{margin-left:4px;padding-left:8px;border-left:1px solid var(--paper-line);border-radius:0 10px 10px 0;min-width:56px}.ti{width:30px;height:30px;display:block;border-radius:var(--radius);background-size:contain;background-repeat:no-repeat;background-position:center bottom;filter:none}.ti-hand{background-color:#3d5a80}.ti-inspect{background-color:#2a4568}.ti-grass{background-color:#2d6b4a}.ti-forest{background-color:#1f5240}.ti-road{background-color:#3d4f66}.ti-res{background-color:#4a6888}.ti-com{background-color:#3a6a9a}.ti-ind{background-color:#4a5878}.ti-park{background-color:#2d6858}.ti-bull{background-color:#6a4058}.ti-crypto{background-color:#5a4898}.ti-wind{background-color:#3a6878}.ti-sawmill{background-color:#6a5038}.ti-recycling{background-color:#2d6848}.ti-hydro{background-color:#3a5878}.ti-pier{background-color:#4a6878}.ti-clinic{background-color:#6a4858}.ti-policy{background-color:#3a5080}.ti-nuclear{background-color:#4a5870}.ti-sport{background-color:#6a4878}.tool-tip{position:fixed;z-index:25;width:min(240px,calc(100vw - 16px));padding:10px 12px;background:#081020f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--paper-line);border-radius:10px;box-shadow:0 16px 40px #00000080,0 0 0 1px #38bdf814;pointer-events:none;animation:tip-in .14s var(--ease)}@keyframes tip-in{0%{opacity:0;transform:translateY(4px)}}.tool-tip .tt-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.tool-tip .tt-name{font-size:13px;font-weight:600;color:var(--ink)}.tool-tip .tt-key{flex:none;min-width:20px;padding:2px 6px;font-family:var(--font-mono);font-size:10px;font-weight:500;text-align:center;color:var(--accent);background:#38bdf81f;border:1px solid rgba(56,189,248,.25);border-radius:5px}.tool-tip .tt-desc{margin:0 0 8px;font-size:11px;line-height:1.45;color:var(--ink-soft)}.tool-tip .tt-lock{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:5px 8px;font-size:10px;font-weight:500;color:var(--coral);background:#fb71851a;border-radius:6px}.tool-tip .tt-reqs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.tool-tip .tt-req{display:inline-flex;align-items:center;gap:5px;padding:4px 8px 4px 6px;font-family:var(--font-mono);font-size:10px;color:var(--ink);background:var(--paper-up);border:1px solid var(--paper-line);border-radius:6px}.tool-tip .tt-req.muted{opacity:.55}.tool-tip .tt-req b{font-weight:500}.tool-tip .tt-ico{display:block;width:14px;height:14px;flex:none;object-fit:contain}.tool-tip .tt-notes{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-top:6px;border-top:1px solid var(--paper-line)}.tool-tip .tt-note{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:var(--accent)}.tool-tip .tt-note svg{width:12px;height:12px;flex:none;opacity:.9}.quest-panel{position:absolute;top:72px;left:16px;width:min(340px,calc(100vw - 32px));background:#0b1528f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--paper-line);border-radius:14px;box-shadow:0 16px 48px #0000006b,0 0 0 1px #38bdf80f;z-index:15;overflow:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease)}.quest-panel.hidden{display:none!important}.quest-panel.collapsed{opacity:0;transform:translate(-12px);pointer-events:none}.quest-panel.quest-done{animation:quest-flash .65s var(--ease)}@keyframes quest-flash{0%,to{box-shadow:0 16px 48px #0000006b}50%{box-shadow:0 16px 48px #0000006b,0 0 0 2px #34d39973}}.quest-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 8px;border-bottom:1px solid var(--paper-line);background:#ffffff05}.quest-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}.quest-chapter{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.quest-step{font-size:11px;color:var(--ink-faint)}.quest-close{flex-shrink:0;width:28px;height:28px;border:1px solid var(--paper-line);border-radius:8px;background:transparent;color:var(--ink-soft);font-size:14px;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease)}.quest-close:hover{background:var(--paper-up);color:var(--ink)}.quest-body{padding:12px 14px 14px}.quest-title{margin:0 0 6px;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink);line-height:1.25}.quest-desc{margin:0 0 12px;font-size:12px;line-height:1.5;color:var(--ink-soft)}.quest-progress-wrap{display:flex;flex-direction:column;gap:6px}.quest-progress-track{height:5px;border-radius:999px;background:#ffffff0f;overflow:hidden}.quest-progress-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .35s var(--ease)}.quest-progress-text{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.quest-progress-text.hidden{display:none}.quest-reward{margin:10px 0 0;padding:7px 10px;border-radius:8px;background:#34d3991a;border:1px solid rgba(52,211,153,.25);font-family:var(--font-mono);font-size:11px;color:var(--mint)}.quest-reward.hidden{display:none}.quest-reopen{position:absolute;top:72px;left:16px;z-index:14;display:inline-flex;align-items:center;gap:7px;padding:8px 14px 8px 12px;border:1px solid var(--paper-line);border-radius:999px;background:#0b1528eb;backdrop-filter:blur(12px);color:var(--ink-soft);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),box-shadow .2s}.quest-reopen-ico{width:15px;height:15px;flex:none;opacity:.92}.quest-reopen:hover{background:#162640f2;color:var(--ink)}.quest-reopen.quest-ping{box-shadow:0 0 0 2px #38bdf859;color:var(--accent)}.quest-reopen.hidden{display:none!important}.play-mode-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--paper-line);background:#0b1528e0;color:var(--ink-soft)}.play-mode-badge[data-mode=live]{color:var(--mint);border-color:#34d39959}.play-mode-badge[data-mode=demo]{color:var(--gold);border-color:#f0be4859}.play-mode-badge.hidden{display:none!important}.auction-bot-tag{margin-left:6px;padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);background:#f0be481f}.objective{display:none!important}.locked{opacity:.35;pointer-events:none}.inspector{position:absolute;top:72px;right:16px;width:220px;padding:14px 16px;background:#0b1528eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:0 16px 48px #00000059;z-index:9}.inspector h3{margin:0 0 2px;font-family:var(--font-display);font-size:15px;font-weight:600}.ins-sub{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:12px}.ins-row{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;padding:7px 0;border-top:1px solid var(--paper-line);color:var(--ink-soft)}.ins-row b{font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--ink)}.ins-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--paper-line);font-size:11px;line-height:1.55;color:var(--ink-faint)}.panel{position:absolute;top:72px;left:16px;width:280px;background:#0b1528f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--paper-line);border-radius:var(--radius);box-shadow:0 16px 48px #00000059;z-index:11}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--paper-line)}.panel-head h2{margin:0;font-family:var(--font-display);font-size:14px;font-weight:600}.panel-close{background:none;border:none;color:var(--ink-faint);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.panel-close:hover{color:var(--ink)}.panel-body{padding:16px}.pol-row{margin-bottom:18px}.pol-label{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-soft);margin-bottom:10px}.pol-val{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ochre)}.pol-row input[type=range]{width:100%;height:2px;accent-color:var(--ochre);cursor:pointer}.pol-tip{font-size:11px;line-height:1.55;color:var(--ink-faint)}.pol-balance{margin:16px 0 14px;display:flex;flex-direction:column;gap:10px}.bal-row{display:flex;align-items:center;gap:12px}.bal-name{width:56px;font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.bal-track{flex:1;height:3px;background:var(--paper-line);overflow:hidden}.bal-track i{display:block;height:100%;transition:width .2s var(--ease)}.bal-rev{background:var(--sage)}.bal-app{background:var(--ochre)}.cost-label{position:fixed;z-index:20;padding:5px 10px;font-family:var(--font-mono);font-size:11px;font-weight:500;background:#0b1528f2;backdrop-filter:blur(8px);border:1px solid var(--paper-line);border-radius:6px;pointer-events:none;color:var(--accent)}.cost-label.unaffordable{color:var(--rose);border-color:var(--rose)}.toasts{position:absolute;bottom:calc(var(--bottom-ui) + var(--bottom-ui-h) + var(--map-tools-stack) + 12px);left:16px;display:flex;flex-direction:column-reverse;gap:6px;align-items:flex-start;z-index:12;pointer-events:none;max-width:min(340px,calc(100vw - 32px))}.toast{padding:8px 12px;font-size:12px;line-height:1.4;background:#0b1528f0;backdrop-filter:blur(10px);border:1px solid var(--paper-line);border-radius:8px;border-left-width:2px;opacity:0;transform:translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease);max-width:min(340px,calc(100vw - 32px))}.toast.show{opacity:1;transform:translateY(0)}.toast.good{border-left-color:var(--sage)}.toast.bad{border-left-color:var(--rose)}.vita{position:absolute;right:16px;bottom:var(--bottom-ui);height:var(--bottom-ui-h);z-index:18;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none}.vita.vita-onboarding{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:220}.vita-bubble{position:absolute;right:0;bottom:calc(100% + 10px);width:min(320px,calc(100vw - 32px));padding:0;background:#081020f5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,.35);border-radius:16px 16px 4px;box-shadow:0 20px 50px #00000080,0 0 0 1px #38bdf814,0 0 28px #38bdf81f;pointer-events:auto;transform-origin:92% 100%;opacity:0;transform:scale(.55) translateY(12px);overflow:hidden}.vita-bubble.vita-in{animation:vita-bubble-in .32s var(--ease) forwards}.vita-bubble.vita-out{animation:vita-bubble-out .26s var(--ease) forwards}@keyframes vita-bubble-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes vita-bubble-out{to{opacity:0;transform:scale(.85) translateY(8px)}}.vita-bubble-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.vita-chat{display:flex;align-items:flex-start;gap:11px;padding:12px 14px 12px 12px}.vita-chat-avatar{flex:none;width:44px;height:44px;padding:2px;border-radius:12px;border:1px solid rgba(56,189,248,.28);background:#0b1528f2;box-shadow:0 0 14px #38bdf81f}.vita-chat-avatar canvas{display:block;width:100%;height:100%;border-radius:9px}.vita-chat-body{flex:1;min-width:0}.vita-name{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.vita-tag{font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:2px 6px;border-radius:999px;border:1px solid var(--paper-line);background:#38bdf80f}.vita-title{display:block;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:5px}.vita-body{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--ink-soft)}.vita-dismiss{display:inline-flex;align-items:center;padding:5px 12px;border:1px solid rgba(56,189,248,.35);border-radius:8px;background:#38bdf81a;color:var(--accent);font-family:var(--font-ui);font-size:11px;font-weight:600;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.vita-dismiss:hover{background:var(--accent);color:var(--bg-deep)}.vita-tutorial .vita-dismiss,.vita-help-open .vita-title,.vita-help-open .vita-body,.vita-help-open .vita-dismiss{display:none}.vita-help-head{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:8px}.vita-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;max-height:234px;overflow-y:auto;padding-right:2px}.vita-help-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--paper-line);border-radius:9px;background:#38bdf80d;color:var(--ink-soft);font-family:var(--font-ui);font-size:11px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease),color .15s var(--ease)}.vita-help-item:hover{background:#38bdf824;border-color:#38bdf873;color:var(--ink)}.vita-help-ico{flex:none;width:26px;height:26px;background-size:contain;background-repeat:no-repeat;background-position:center}.vita-help-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vita-help-detail{display:flex;flex-direction:column;gap:6px}.vita-help-back{align-self:flex-start;padding:4px 9px;border:1px solid rgba(56,189,248,.3);border-radius:8px;background:#38bdf814;color:var(--accent);font-family:var(--font-ui);font-size:10px;font-weight:600;cursor:pointer}.vita-help-back:hover{background:var(--accent);color:var(--bg-deep)}.vita-help-dt-title{font-size:14px;font-weight:700;color:var(--ink)}.vita-help-dt-meta{font-size:11px;font-weight:600;color:var(--accent)}.vita-help-dt-desc{margin:0;font-size:12px;line-height:1.5;color:var(--ink-soft)}.vita-help-btn{position:absolute;bottom:-5px;left:-5px;z-index:3;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--paper-line);border-radius:8px;background:#0b1528f5;color:var(--ink-soft);cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #00000059;transition:color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.vita-help-btn:hover,.vita-help-btn.active{color:var(--accent);border-color:#38bdf873;background:#38bdf81f}.vita-help-btn svg{width:14px;height:14px}.vita-stack{position:relative;flex-shrink:0;pointer-events:none}.vita-mute{position:absolute;top:-5px;left:-5px;z-index:3;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid var(--paper-line);border-radius:8px;background:#0b1528f5;color:var(--ink-soft);cursor:pointer;pointer-events:auto;box-shadow:0 4px 12px #00000059;transition:opacity .2s var(--ease),visibility .2s var(--ease),color .15s var(--ease),border-color .15s var(--ease),background .15s var(--ease)}.vita.vita-chat-open .vita-mute{opacity:0;visibility:hidden;pointer-events:none}.vita-mute:hover{color:var(--accent);border-color:#38bdf873}.vita-mute svg{width:14px;height:14px;fill:currentColor}.vita-mute .ico-off{display:none}.vita-mute.muted{color:var(--ink-faint)}.vita-mute.muted .ico-on{display:none}.vita-mute.muted .ico-off{display:block}.vita-orb{position:relative;width:var(--bottom-ui-h);height:var(--bottom-ui-h);flex-shrink:0;padding:3px;box-sizing:border-box;border:1px solid var(--paper-line);border-radius:14px;background:#0b1528eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000073,0 0 0 1px #38bdf80d;cursor:pointer;pointer-events:auto;opacity:0;transform:scale(0)}.vita-orb.vita-pop{opacity:1;transform:scale(1);animation:vita-orb-pop .45s cubic-bezier(.22,1,.36,1)}.vita-orb.vita-nudge{animation:vita-orb-nudge .35s var(--ease)}.vita-orb.vita-active .vita-ring{opacity:1;animation:vita-ring-pulse 2.8s ease-in-out infinite}@keyframes vita-orb-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes vita-orb-nudge{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes vita-ring-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}#vita-face{position:relative;z-index:2;width:100%;height:100%;border-radius:10px;display:block}.vita-ring{position:absolute;inset:2px;border-radius:10px;border:1px solid rgba(56,189,248,.4);opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}@media(max-width:900px){.vita-bubble{width:min(280px,calc(100vw - 32px))}.toolbar-build{max-width:calc(100vw - 24px - var(--bottom-ui-h) - 12px)}}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:16px;gap:0;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse 90% 70% at 50% -10%,#152a4a 0%,var(--bg-deep) 55%,#03060c 100%);z-index:50;transition:opacity .4s var(--ease)}.overlay.leaving{opacity:0}.start-card,.avatar-card{width:min(92vw,420px);padding:0;background:transparent;border:none;text-align:left}.flow-layout{display:flex;flex:0 1 auto;flex-direction:column;align-items:center;justify-content:center;width:min(92vw,420px);margin:0 auto;padding:12px 0 20px;text-align:center}.start-layout,.avatar-layout{align-items:center;width:min(92vw,420px)}.flow-head{width:100%;text-align:center;margin-bottom:4px}.start-logo h1,.flow-head h1{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}.tagline-center{margin-left:auto;margin-right:auto;text-align:center;max-width:34ch}.stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin:4px 0 14px;pointer-events:none}.stage-glow{position:absolute;left:50%;bottom:8%;transform:translate(-50%);width:min(72%,320px);height:42%;background:radial-gradient(ellipse at center,rgba(56,189,248,.22) 0%,rgba(56,189,248,.06) 45%,transparent 72%);filter:blur(18px);z-index:0}.avatar-glow{width:55%;height:28%;bottom:18%;background:radial-gradient(ellipse at center,rgba(56,189,248,.28) 0%,rgba(167,139,250,.08) 50%,transparent 75%)}.intro-stage{min-height:clamp(110px,24vw,200px)}.avatar-stage{min-height:clamp(160px,30vw,260px);margin-bottom:8px}#start-preview,#avatar-preview{position:relative;z-index:1;display:block;width:100%;max-width:360px;height:auto;margin:0 auto;border:none;background:transparent}#avatar-preview{max-width:240px;aspect-ratio:260 / 300;height:auto}.flow-panel{width:100%;padding:16px 18px;background:#0b1528e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--paper-line);border-radius:14px;box-shadow:0 16px 48px #00000059;text-align:center}.start-panel,.avatar-panel{display:flex;flex-direction:column;align-items:center}.start-panel .field,.avatar-panel .field{align-items:center;text-align:center;width:100%;max-width:320px}.start-panel .field input,.start-panel .field select,.avatar-panel .field input{text-align:center;width:100%}.start-panel .primary-btn{margin-top:4px;width:100%;max-width:320px}.start-logo{margin-bottom:6px}.start-logo-img{display:block;width:auto;height:44px;max-width:min(168px,52vw);margin:0 auto;object-fit:contain}.tagline{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--ink-soft)}.start-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;margin:0 auto 16px}.field{display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center}.field span{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.field input,.field select{padding:10px 0;background:transparent;border:none;border-bottom:1px solid var(--paper-line);border-radius:0;color:var(--ink);font-family:var(--font-ui);font-size:15px;outline:none;transition:border-color .15s var(--ease)}.field input:focus,.field select:focus{border-bottom-color:var(--ochre)}.field select{cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.02em;border:1px solid var(--paper-line);border-radius:var(--radius);background:transparent;color:var(--ink);cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease)}.btn:hover,.btn-primary{border-color:var(--ochre);color:var(--ochre)}.btn-primary:hover{background:var(--accent);color:var(--bg-deep)}.primary-btn{width:100%;padding:14px 20px;font-family:var(--font-ui);font-size:14px;font-weight:600;border:1px solid var(--accent);border-radius:var(--radius);background:#38bdf814;color:var(--accent);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),box-shadow .15s var(--ease)}.primary-btn:hover{background:var(--accent);color:var(--bg-deep)}.how-to{margin-top:20px;width:100%;max-width:320px;font-size:12px;color:var(--ink-faint);border-top:1px solid var(--paper-line);padding-top:14px;text-align:center}.how-to summary{cursor:pointer;color:var(--ink-soft);font-weight:500;list-style:none}.how-to summary::-webkit-details-marker{display:none}.how-to ul{margin:12px auto 0;padding-left:18px;line-height:1.65;color:var(--ink-faint);display:inline-block;text-align:left}.how-to b{color:var(--ink-soft);font-weight:500}.credit{position:static;flex-shrink:0;width:100%;max-width:420px;margin:12px auto 0;padding:8px 16px 12px;text-align:center;font-size:10px;letter-spacing:.04em;color:var(--ink-faint)}.credit a{color:var(--ink-soft);text-decoration:none;border-bottom:1px solid var(--paper-line)}.credit a:hover{color:var(--ochre);border-color:var(--ochre)}#avatar-screen{overflow:hidden;padding:max(8px,env(safe-area-inset-top,0px)) 12px max(8px,env(safe-area-inset-bottom,0px))}#avatar-screen .avatar-layout{width:min(96vw,440px);padding:0;max-height:calc(100dvh - 16px);justify-content:center}#avatar-screen .avatar-hero{display:flex;align-items:center;justify-content:center;gap:clamp(8px,3vw,16px);width:100%;margin-bottom:clamp(6px,1.5vh,10px);flex-shrink:0}#avatar-screen .avatar-head{margin-bottom:0;flex:1 1 auto;text-align:left}#avatar-screen .avatar-head h1{font-size:clamp(1.25rem,4.5vw,1.65rem);line-height:1.1}#avatar-screen .avatar-stage{flex:0 0 auto;min-height:0;margin:0;width:clamp(88px,22vw,112px);height:clamp(100px,24vw,128px)}#avatar-screen #avatar-preview{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain}#avatar-screen .avatar-glow{width:90%;height:35%;bottom:10%}#avatar-screen .flow-panel.avatar-panel{padding:clamp(8px,1.8vh,12px) clamp(10px,2.5vw,14px);flex-shrink:1;min-height:0}#avatar-screen .field-inline{flex-direction:row;align-items:center;justify-content:center;gap:10px;margin-bottom:clamp(4px,1vh,8px);max-width:none;width:100%}#avatar-screen .field-inline span{flex:0 0 auto;margin:0}#avatar-screen .field-inline input{flex:1 1 auto;max-width:200px;padding:6px 0;font-size:14px}#avatar-screen .avatar-actions{margin-top:clamp(6px,1.2vh,10px);gap:8px;max-width:none}#avatar-screen .avatar-actions .ghost-btn,#avatar-screen .avatar-actions .primary-btn{padding:10px 12px;font-size:12px}#avatar-screen .avatar-actions .primary-btn{flex:1}@media(max-height:620px){#avatar-screen .avatar-stage{width:72px;height:84px}#avatar-screen .avatar-head h1{font-size:1.15rem}#avatar-screen .avatar-actions .ghost-btn,#avatar-screen .avatar-actions .primary-btn{padding:8px 10px;font-size:11px}}.avatar-panel .field{margin-bottom:4px}.swatches{display:flex;flex-direction:column;align-items:center;gap:8px;margin:12px 0}.sw-label{font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);text-align:center}.sw-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.sw{width:22px;height:22px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;padding:0;transition:border-color .12s var(--ease)}.sw:hover{border-color:var(--ink-faint)}.sw.active{border-color:var(--ochre);box-shadow:0 0 0 1px var(--ochre)}.sw-text{width:auto;min-width:22px;height:22px;padding:0 8px;font-size:10px;font-weight:500;color:var(--ink-soft);background:var(--paper-up);border:1px solid var(--paper-line)}.avatar-actions{display:flex;gap:10px;margin-top:24px;justify-content:center;width:100%;max-width:360px}.ghost-btn{padding:12px 16px;border:1px solid var(--paper-line);border-radius:var(--radius);background:transparent;color:var(--ink-soft);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer}.ghost-btn:hover{border-color:var(--ink-faint);color:var(--ink)}.avatar-actions .primary-btn{flex:1}.hub-overlay{padding:0;display:block;background:var(--bg-deep)}#hub-canvas{position:absolute;inset:0;width:100%;height:100%}.hub-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0b1528e6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--paper-line);z-index:2}.hub-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.hub-sub{font-family:var(--font-ui);font-size:11px;font-weight:400;color:var(--ink-faint);margin-left:10px}.primary-btn.small{width:auto;padding:8px 14px;font-size:12px}.hub-panel{position:absolute;top:49px;right:0;bottom:0;width:min(92vw,300px);overflow-y:auto;padding:20px 16px;background:#0b1528f0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-left:1px solid var(--paper-line);z-index:2}.hub-section{margin-bottom:28px}.hub-section h3{margin:0 0 12px;font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink)}.hub-bal{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.hub-bal div{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--paper-line)}.hub-bal small{font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.hub-bal b{font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--ink)}.trade-row{display:flex;gap:6px;margin-bottom:8px}.trade-row input{width:56px;padding:8px;background:var(--paper-up);border:1px solid var(--paper-line);border-radius:var(--radius);color:var(--ink);font-family:var(--font-mono);font-size:12px}.trade-btn{flex:1;padding:8px;border:1px solid var(--paper-line);border-radius:var(--radius);background:transparent;font-family:var(--font-ui);font-size:11px;font-weight:500;cursor:pointer;color:var(--ink-soft);transition:border-color .15s var(--ease),color .15s var(--ease)}.trade-btn:hover:not(:disabled){border-color:var(--ochre);color:var(--ochre)}.trade-btn:disabled{opacity:.35;cursor:not-allowed}.hub-tip{margin:0;font-size:11px;line-height:1.5;color:var(--ink-faint)}.salvage-list{display:flex;flex-direction:column;gap:0}.salvage-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--paper-line)}.sv-name{flex:1;font-size:12px;color:var(--ink-soft)}.sv-count{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.hub-players{display:flex;flex-direction:column;gap:8px}.player-chip{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft)}.player-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--sage);flex:none}.player-chip.me{color:var(--ink)}.hub-section-auction{border-bottom:1px solid var(--paper-line);padding-bottom:20px;margin-bottom:24px}.auction-subhead{margin:16px 0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.auction-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow-y:auto;margin-bottom:12px}.auction-list-mine{max-height:140px}.auction-lot{padding:10px;border-radius:10px;background:#ffffff0a;border:1px solid var(--paper-line)}.auction-lot-bot{opacity:.92}.auction-lot-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.auction-side{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px}.auction-side.ask{color:#8ef0c0;background:#48d28226}.auction-side.bid{color:#93c5fd;background:#60a5fa26}.auction-seller{font-size:11px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auction-lot-body{display:flex;flex-wrap:wrap;gap:8px 12px;font-size:12px;color:var(--ink);margin-bottom:8px}.auction-qty b{color:var(--ink)}.auction-price{color:var(--ink-soft)}.auction-total{font-family:var(--font-mono);font-weight:600;color:#f5d04e}.auction-lot-actions{display:flex;gap:8px;align-items:center}.auction-qty-input{width:52px;padding:6px 8px;border-radius:6px;border:1px solid var(--paper-line);background:#0003;color:var(--ink);font-size:12px}.auction-btn{flex:1;padding:6px 10px;font-size:11px}.auction-form{margin-top:4px}.auction-form-row{display:grid;grid-template-columns:1fr 64px 72px;gap:6px;margin-bottom:8px}.auction-form-row select,.auction-form-row input{padding:8px;border-radius:6px;border:1px solid var(--paper-line);background:#0003;color:var(--ink);font-size:12px}.auction-post-btn{width:100%}.hub-leaderboard{display:flex;flex-direction:column}.lb-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--paper-line)}.lb-rank{flex:none;width:22px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--ink-faint);text-align:right}.lb-name{flex:1;min-width:0;display:flex;flex-direction:column;font-size:12px;font-weight:600;color:var(--ink);overflow:hidden}.lb-name small{font-weight:500;font-size:10px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-score{flex:none;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.lb-spectate{flex:none;padding:4px 10px;font-size:10px}.wallet-box{display:flex;flex-direction:column;gap:8px}.wallet-status{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.wallet-status small{font-size:11px;color:var(--ink-faint)}.wallet-status b{font-family:var(--font-mono);font-size:12px;color:var(--ink)}.spectate-badge{position:absolute;left:50%;bottom:24px;transform:translate(-50%);padding:8px 16px;border-radius:999px;background:#081020e6;border:1px solid rgba(56,189,248,.35);color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.04em;pointer-events:none}@media(max-width:900px){:root{--bottom-ui: max(10px, env(safe-area-inset-bottom, 0px));--bottom-ui-h: 58px;--map-tools-stack: 50px;--mobile-ui-stack: calc(var(--bottom-ui) + var(--bottom-ui-h) + var(--map-tools-stack));--safe-top: max(10px, env(safe-area-inset-top, 0px));--safe-left: max(10px, env(safe-area-inset-left, 0px));--safe-right: max(10px, env(safe-area-inset-right, 0px))}button,.tool,.hp-btn{-webkit-tap-highlight-color:transparent}#game-canvas,#hub-canvas,#spectate-canvas{touch-action:none}.hud-dock{top:auto;height:auto;max-height:none}.hud-dock.hud-dock-left{top:var(--safe-top);left:var(--safe-left);right:auto;bottom:auto;padding:4px 6px;gap:4px;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 96px)}.hud-logo-btn{align-self:center}.hud-logo{height:32px}.hud-dock.hud-dock-right{top:var(--safe-top);right:var(--safe-right);left:auto;bottom:auto;padding:4px 6px;gap:4px}.hud-dock.hud-dock-center{top:auto;bottom:calc(var(--mobile-ui-stack) + 6px);left:var(--safe-left);right:var(--safe-right);width:auto;height:auto;transform:none;max-width:none;padding:5px 6px;gap:4px;flex-wrap:nowrap;justify-content:flex-start;-webkit-overflow-scrolling:touch}.hud-dock-center .stat b{font-size:12px}.hud-dock-center .stat{flex-shrink:0}.icon-btn,.hub-btn{min-width:44px;min-height:44px}.hub-btn{gap:0;min-width:44px;padding-left:8px;padding-right:8px;font-size:0;letter-spacing:0}.hub-btn .hub-avatar{margin:0}.speed-btn{width:36px;height:36px}.play-mode-badge{font-size:8px;padding:3px 7px}.word,.clock [data-date]{display:none}.toolbar-zone{bottom:var(--bottom-ui);padding:0 var(--safe-left) 0 var(--safe-right)}.toolbar-stack{max-width:100%;width:100%}.toolbar-build{max-width:100%;padding:5px 6px}#app:has(.vita:not(.hidden)) .toolbar-stack{max-width:100%}.map-tool{width:44px!important;height:44px!important}.map-zoom-btn{font-size:18px;font-weight:700;line-height:1;color:var(--accent)}.toolbar-build .tool{min-width:52px;min-height:52px;padding:6px 4px!important}.toolbar-build .tool label{font-size:8px}.vita{right:var(--safe-right);bottom:calc(var(--bottom-ui) + var(--bottom-ui-h) + var(--map-tools-stack) + 8px);height:auto}.vita-orb{width:52px!important;height:52px!important}.vita-bubble{width:min(300px,calc(100vw - var(--safe-left) - var(--safe-right) - 16px));right:0;bottom:calc(100% + 8px)}.quest-panel{top:calc(var(--safe-top) + 56px);left:var(--safe-left);right:var(--safe-right);width:auto;max-height:min(38vh,280px);overflow-y:auto;-webkit-overflow-scrolling:touch}.quest-reopen{top:calc(var(--safe-top) + 56px);left:var(--safe-left)}.quest-close{width:36px;height:36px}.inspector{top:auto;bottom:calc(var(--mobile-ui-stack) + 58px);left:var(--safe-left);right:var(--safe-right);width:auto;max-height:34vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);width:auto;max-height:calc(100vh - var(--safe-top) - var(--bottom-ui))}.toasts{bottom:calc(var(--mobile-ui-stack) + 54px);left:var(--safe-left);right:var(--safe-right);max-width:none;transform:none}.toast{font-size:13px;max-width:100%}.tool-tip{max-width:min(320px,calc(100vw - var(--safe-left) - var(--safe-right) - 16px));font-size:11px}.tutorial-callout{font-size:11px;max-width:min(240px,calc(100vw - 24px))}.hub-topbar{padding:max(10px,env(safe-area-inset-top,0px)) var(--safe-right) 10px var(--safe-left)}.hub-topbar-actions{display:flex;align-items:center;gap:8px}.hub-panel-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--paper-line);border-radius:10px;background:#38bdf81f;color:var(--accent);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer}.hub-panel-backdrop{position:absolute;inset:0;z-index:2;background:#00000073}.hub-panel-backdrop.hidden{display:none!important}#hub-screen .hub-panel{inset:auto 0 0;width:100%;max-width:none;max-height:min(78vh,620px);padding:16px 16px max(20px,env(safe-area-inset-bottom,0px));border-left:none;border-top:1px solid var(--paper-line);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .32s var(--ease);z-index:3;-webkit-overflow-scrolling:touch}#hub-screen.hub-panel-open .hub-panel{transform:translateY(0)}.hub-panel-close{position:sticky;top:0;float:right;width:36px;height:36px;margin:0 0 8px 8px;border:1px solid var(--paper-line);border-radius:10px;background:var(--paper-up);color:var(--ink-soft);font-size:14px;cursor:pointer;z-index:1}.trade-btn,.auction-btn,.auction-post-btn{min-height:44px;font-size:12px}.trade-row input,.auction-qty-input,.auction-form-row select,.auction-form-row input{min-height:44px;font-size:14px}.primary-btn.small{min-height:40px;padding:8px 12px}.spectate-badge{bottom:max(16px,env(safe-area-inset-bottom,0px))}}@media(min-width:901px){.hub-panel-toggle,.hub-panel-close,.hub-panel-backdrop,.map-zoom-btn{display:none!important}}@media(max-width:900px)and (max-height:500px){.quest-panel{max-height:28vh}.hud-dock.hud-dock-center{bottom:calc(var(--mobile-ui-stack) + 2px)}}@media(max-width:380px){.hud-dock.hud-dock-left .island-reset-btn{display:none}}body.home-active{overflow-x:hidden;overflow-y:auto;user-select:text;-webkit-user-select:text;width:100%;max-width:100%}#home-screen{position:fixed;inset:0;z-index:200;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;color:var(--ink);-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#03060c}#home-screen>.hp-topbar{position:absolute;top:0;left:0;right:0}#home-screen.leaving{opacity:0;pointer-events:none;transition:opacity .48s var(--ease)}.hp-bg,.hp-bg-glow{position:fixed;inset:0;pointer-events:none}.hp-bg{z-index:1;background-image:radial-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:3px 3px;opacity:.5}.hp-bg-glow{z-index:1;display:none}.hp-topbar{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;margin:0 auto;padding:max(18px,env(safe-area-inset-top,0px)) clamp(20px,4vw,44px) 18px;background:transparent}.hp-brand{display:inline-flex;align-items:center;align-self:center;flex-shrink:0;line-height:0;text-decoration:none}.hp-brand img{display:block;height:46px;width:auto;max-width:none;object-fit:contain;object-position:left center;transform:translateY(2px);filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.hp-nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,34px)}.hp-nav a{color:var(--ink-soft);text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:color .15s var(--ease)}.hp-nav a:hover{color:var(--ink)}.hp-top-cta{display:flex;align-items:center;gap:12px;flex-shrink:0}.hp-online{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:var(--mint);font-family:var(--font-mono);font-size:11px}.hp-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #34d399e6;animation:hp-pulse 2s ease-in-out infinite}@keyframes hp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:11px;font-family:var(--font-ui);font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.hp-btn svg{width:15px;height:15px;fill:currentColor}.hp-btn:hover{transform:translateY(-1px)}.hp-btn-sm{padding:9px 16px;font-size:13px}.hp-btn-lg{padding:15px 26px;font-size:15px}.hp-btn-primary{background:linear-gradient(180deg,#4cc5fb 0%,var(--accent) 45%,var(--accent-dim) 100%);border-color:#78dcff80;color:#03263a;box-shadow:0 8px 22px #0ea5e966,inset 0 1px #fff6}.hp-btn-primary:hover{box-shadow:0 12px 30px #0ea5e98c,inset 0 1px #ffffff73}.hp-btn-gold{background:linear-gradient(180deg,#fde68a,#fbbf24 45%,#d97706);border-color:#fde08a8c;color:#3b2206;box-shadow:0 8px 22px #d9770661,inset 0 1px #ffffff73}.hp-btn-gold:hover{box-shadow:0 12px 30px #d9770680,inset 0 1px #ffffff80}.hp-btn-ghost{background:#0e1a30b3;border-color:var(--paper-line);color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hp-btn-ghost:hover{background:#162640e6;border-color:var(--ink-faint)}.hp-main{position:relative;z-index:5;max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}.hp-hero{position:relative;display:flex;align-items:center;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:100vh;min-height:100svh;padding:calc(88px + env(safe-area-inset-top,0px)) max(clamp(20px,4vw,44px),calc((100vw - 1240px)/2 + clamp(20px,4vw,44px))) clamp(96px,12vh,140px);overflow:hidden}.hp-hero-bg{position:absolute;inset:0;z-index:0;background:url(../home/hero-city.png) 68% 32% / cover no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 42%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.62) 72%,rgba(0,0,0,.28) 86%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 42%,rgba(0,0,0,.92) 58%,rgba(0,0,0,.62) 72%,rgba(0,0,0,.28) 86%,transparent 100%)}.hp-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03060c 0%,#03060c 5%,rgba(3,6,12,.95) 14%,rgba(3,6,12,.78) 26%,rgba(3,6,12,.42) 38%,rgba(3,6,12,.12) 50%,transparent 64%),linear-gradient(180deg,rgba(3,6,12,.38) 0%,rgba(3,6,12,.12) 10%,transparent 24%,transparent 46%,rgba(3,6,12,.18) 62%,rgba(3,6,12,.48) 76%,rgba(3,6,12,.78) 88%,rgba(3,6,12,.94) 95%,#03060c 100%)}.hp-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(48vh,420px);z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(3,6,12,.22) 28%,rgba(3,6,12,.58) 58%,rgba(3,6,12,.88) 82%,#03060c 100%)}.hp-hero-copy{position:relative;z-index:3;max-width:min(540px,46vw)}.hp-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(2.8rem,7vw,5.3rem);line-height:.94;letter-spacing:-.03em;color:var(--ink);text-shadow:0 4px 30px rgba(0,0,0,.5)}.hp-title-accent{color:var(--accent);text-shadow:0 4px 36px rgba(56,189,248,.45)}.hp-lead{margin:22px 0 0;max-width:34ch;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.6;color:var(--ink-soft)}.hp-lead-accent{color:var(--accent);font-weight:600}.hp-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hp-mode-hint{margin:14px 0 0;max-width:36ch;font-size:12px;line-height:1.5;color:#e2e8f09e}.hp-statsbar{position:relative;z-index:6;margin:clamp(-72px,-8vh,-48px) 0 8px}.hp-stats-card{display:flex;align-items:center;gap:clamp(16px,3vw,40px);padding:16px clamp(16px,2.5vw,26px);border-radius:18px;background:#0a1528d1;border:1px solid rgba(56,189,248,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 50px #00000073}.hp-stats-city{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-right:clamp(16px,3vw,40px);border-right:1px solid var(--paper-line)}.hp-stats-thumb{width:62px;height:62px;border-radius:13px;background:#08111f url(../home/city-thumb.png) center/cover no-repeat;border:1px solid rgba(56,189,248,.25);flex-shrink:0}.hp-stats-cityid{display:flex;flex-direction:column;gap:1px}.hp-stats-cityid small{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.hp-stats-cityid b{font-size:18px;font-weight:700;color:var(--ink);line-height:1.15}.hp-stats-cityid span{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.hp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.6vw,34px);flex:1}.hp-stat{display:flex;align-items:center;gap:11px;min-width:0}.hp-stat-ico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;color:var(--accent)}.hp-stat-ico svg{width:24px;height:24px;fill:currentColor}.hp-stat-ico[data-stat=eco]{color:var(--mint)}.hp-stat-ico[data-stat=happy]{color:#f5b94e}.hp-stat-ico[data-stat=funds]{color:var(--mint)}.hp-stat div{display:flex;flex-direction:column;min-width:0}.hp-stat small{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.hp-stat b{font-family:var(--font-mono);font-size:15px;color:var(--ink)}.hp-gameplay{padding:clamp(48px,8vw,92px) 0 clamp(40px,6vw,72px);text-align:center}.hp-eyebrow{margin:0 0 12px;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.hp-h2{margin:0;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:700;letter-spacing:-.025em;color:var(--ink)}.hp-sub{margin:14px auto 0;max-width:50ch;color:var(--ink-soft);font-size:clamp(.92rem,1.4vw,1.02rem);line-height:1.6}.hp-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(32px,5vw,52px);text-align:left}.hp-card{position:relative;aspect-ratio:5 / 7;border-radius:18px;overflow:hidden;border:1px solid var(--paper-line);background-color:#0a1424;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 16px 40px #0006;transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease)}.hp-card--zone{background-image:url(../home/card-zone.png)}.hp-card--connect{background-image:url(../home/card-connect.png)}.hp-card--balance{background-image:url(../home/card-balance.png)}.hp-card--expand{background-image:url(../home/card-expand.png)}.hp-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#060e1c1a,#060e1c59 38%,#050b16eb)}.hp-card:hover{transform:translateY(-6px);border-color:#38bdf866;box-shadow:0 24px 56px #0000008c}.hp-card-body{position:absolute;z-index:2;inset:auto 0 0;display:flex;flex-direction:column;gap:9px;padding:20px}.hp-card-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:4px;border-radius:12px;background:#081222b3;border:1px solid rgba(56,189,248,.25);color:var(--accent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hp-card-ico svg{width:22px;height:22px;fill:currentColor}.hp-card-ico-green{color:var(--mint);border-color:#34d3994d}.hp-card-ico-gold{color:#f5b94e;border-color:#f5b94e4d}.hp-card h3{margin:0;font-size:21px;font-weight:700;color:var(--ink)}.hp-card p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-soft)}.hp-leaderboard-section{padding:clamp(48px,8vw,88px) 0 clamp(32px,5vw,56px);text-align:center}.hp-lb-table{margin-top:clamp(28px,4vw,44px);border-radius:18px;background:#0a1528c7;border:1px solid rgba(56,189,248,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px #0000006b;overflow:hidden;text-align:left}.hp-lb-loading{margin:0;padding:28px 24px;text-align:center;color:var(--ink-faint);font-size:13px}.hp-lb-rows{display:flex;flex-direction:column}.hp-lb-row{display:grid;grid-template-columns:52px 1fr auto auto;align-items:center;gap:12px 16px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s var(--ease)}.hp-lb-row:last-child{border-bottom:none}.hp-lb-row:hover{background:#38bdf80f}.hp-lb-row-1{background:linear-gradient(90deg,rgba(245,185,78,.12),transparent 70%)}.hp-lb-row-2{background:linear-gradient(90deg,rgba(203,213,225,.08),transparent 70%)}.hp-lb-row-3{background:linear-gradient(90deg,rgba(180,83,9,.1),transparent 70%)}.hp-lb-rank{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--accent);text-align:center}.hp-lb-row-1 .hp-lb-rank{color:#f5b94e}.hp-lb-row-2 .hp-lb-rank{color:#cbd5e1}.hp-lb-row-3 .hp-lb-rank{color:#d97706}.hp-lb-player{display:flex;flex-direction:column;gap:2px;min-width:0}.hp-lb-player b{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-lb-player small{font-size:11px;color:var(--ink-faint)}.hp-lb-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.hp-lb-meta b{font-family:var(--font-mono);font-size:12px;color:var(--mint)}.hp-lb-meta small{font-size:10px;color:var(--ink-faint)}.hp-lb-score{font-family:var(--font-mono);font-size:15px;font-weight:600;color:var(--accent);min-width:72px;text-align:right}.hp-about{padding:clamp(32px,5vw,56px) 0 clamp(48px,8vw,88px)}.hp-about-inner{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(28px,5vw,56px)}.hp-about-copy,.hp-about-copy .hp-eyebrow,.hp-about-copy .hp-h2{text-align:left}.hp-about-text{margin-left:0;max-width:42ch}.hp-about-visual{position:relative;min-height:280px}.hp-about-plaza{position:relative;width:100%;aspect-ratio:16 / 11;border-radius:20px;overflow:hidden;border:1px solid rgba(56,189,248,.22);background:radial-gradient(ellipse 80% 60% at 50% 100%,rgba(56,189,248,.18),transparent 70%),#08111f;box-shadow:0 24px 60px #00000080,inset 0 0 0 1px #ffffff0a}.hp-about-plaza-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;pointer-events:none;user-select:none;-webkit-user-select:none}.hp-about-plaza:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,6,12,.35) 75%,rgba(3,6,12,.72) 100%);pointer-events:none}.hp-footer{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1240px;margin:0 auto;padding:22px clamp(20px,4vw,44px) calc(28px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.06)}.hp-footer-links{display:flex;gap:24px}.hp-footer-links a{color:var(--ink-faint);text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:color .15s var(--ease)}.hp-footer-links a:hover{color:var(--ink)}.hp-footer small{color:var(--ink-faint);font-size:11px}.home-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.home-reveal.is-in{opacity:1;transform:translateY(0)}@media(max-width:1020px){.hp-nav{display:none}}@media(max-width:900px){.hp-main{width:100%;max-width:none;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hp-topbar{width:100%;max-width:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hp-brand{flex:0 0 auto;justify-content:flex-start}.hp-brand img{height:40px}.hp-top-cta{margin-left:auto;width:auto;justify-content:flex-end;flex-wrap:wrap}.hp-hero{width:calc(100% + 32px);max-width:100vw;margin-left:calc(-1*max(16px,env(safe-area-inset-left,0px)));margin-right:calc(-1*max(16px,env(safe-area-inset-right,0px)));min-height:clamp(480px,78vh,680px);justify-content:center;align-items:flex-end;padding:calc(72px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-left,0px)) clamp(72px,14vh,120px) max(16px,env(safe-area-inset-right,0px));overflow:hidden}.hp-hero-bg{background-position:center 38%}.hp-hero-shade{background:linear-gradient(180deg,#03060cb8,#03060c66 22%,#03060c33 42%,#03060c59 58%,#03060c9e 76%,#03060ce0 90%,#03060c),linear-gradient(90deg,#03060cd1,#03060c8c,#03060cd1)}.hp-hero:after{height:min(42vh,360px)}.hp-hero-copy{width:100%;max-width:100%;margin-inline:auto;text-align:center}.hp-lead{margin-left:auto;margin-right:auto}.hp-hero-actions{justify-content:center}.hp-mode-hint{margin-inline:auto;text-align:center;max-width:100%}.hp-statsbar{width:100%}.hp-stats-card{width:100%;flex-direction:column;align-items:stretch}.hp-stats-city{border-right:none;border-bottom:1px solid var(--paper-line);padding-right:0;padding-bottom:14px;justify-content:center;text-align:center}.hp-stats-cityid{display:flex;flex-direction:column;align-items:center;text-align:center}.hp-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.hp-stat{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.hp-stat div{align-items:center}.hp-gameplay,.hp-leaderboard-section,.hp-about{width:100%;text-align:center}.hp-cards{grid-template-columns:repeat(2,1fr)}.hp-lb-table{width:100%}.hp-about-inner{grid-template-columns:1fr;justify-items:center;text-align:center}.hp-about-copy{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}.hp-about-copy .hp-eyebrow,.hp-about-copy .hp-h2,.hp-about-copy .hp-sub,.hp-about-text{text-align:center}.hp-about-text{margin-left:auto;margin-right:auto}.hp-about-copy .hp-btn{align-self:center;margin:0}.hp-about-visual{width:100%;max-width:420px;margin-inline:auto}.hp-lb-row{grid-template-columns:44px 1fr auto;gap:10px 12px}.hp-lb-meta{display:none}.hp-footer{width:100%;max-width:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hp-footer-links{justify-content:center;flex-wrap:wrap;gap:16px 24px}}@media(max-width:560px){.hp-topbar{padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:10px}.hp-top-cta{gap:8px}.hp-top-cta .hp-btn-sm{flex:1 1 auto;min-width:0;justify-content:center}.hp-online{display:none}.hp-title{font-size:clamp(2.2rem,11vw,3rem)}.hp-cards{grid-template-columns:1fr;max-width:360px;margin-left:auto;margin-right:auto}.hp-card{aspect-ratio:16 / 10}.hp-lb-row{grid-template-columns:40px 1fr 72px;padding:12px 14px;align-items:center}.hp-lb-score{grid-column:auto;text-align:right;font-size:13px;min-width:0}.hp-footer-links{gap:12px 20px}}@media(prefers-reduced-motion:reduce){.hp-dot{animation:none}.home-reveal{opacity:1;transform:none;transition:none}#home-screen.leaving{transition:none}}.home-toast{position:fixed;bottom:max(28px,env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:120;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;color:#f0f4f8;background:#121826eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px #00000059;max-width:min(92vw,420px);text-align:center;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.home-toast.hidden{opacity:0;transform:translate(-50%) translateY(8px)}.home-toast[data-kind=good]{border-color:#48d28273}.home-toast[data-kind=bad]{border-color:#e64c4c73}.hp-btn-connected{filter:brightness(1.06)}.hp-btn-gold.hp-btn-connected{box-shadow:0 8px 22px #d9770661,inset 0 1px #ffffff73,0 0 0 1px #48d28266!important}.hp-btn-primary.hp-btn-connected{box-shadow:0 8px 22px #0ea5e966,inset 0 1px #fff6,0 0 0 1px #48d28259!important}.ob-overlay{z-index:55;justify-content:flex-start;padding:max(16px,env(safe-area-inset-top,0px)) clamp(16px,4vw,32px) max(24px,env(safe-area-inset-bottom,0px));background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(56,189,248,.14) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 90% 100%,rgba(167,139,250,.08) 0%,transparent 50%),linear-gradient(180deg,#0a1428,#03060c)}.ob-shell{width:min(1080px,100%);margin:0 auto}.ob-shell-narrow{max-width:720px}.ob-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:clamp(20px,4vh,36px)}.ob-logo{display:block;height:42px;width:auto;max-width:none;object-fit:contain;object-position:left center;transform:translateY(2px);filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}.ob-stepper{display:flex;align-items:center;gap:10px}.ob-step{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);padding:6px 12px;border-radius:999px;border:1px solid transparent}.ob-step.active{color:var(--accent);border-color:#38bdf859;background:#38bdf814}.ob-step.done{color:var(--mint)}.ob-step-line{width:28px;height:1px;background:var(--paper-line)}.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,40px);align-items:center}.ob-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.ob-visual-glow{position:absolute;left:50%;bottom:18%;transform:translate(-50%);width:72%;height:45%;background:radial-gradient(ellipse at center,rgba(56,189,248,.22) 0%,transparent 70%);filter:blur(20px);pointer-events:none}.ob-avatar-glow{bottom:28%;height:38%;background:radial-gradient(ellipse at center,rgba(56,189,248,.28) 0%,rgba(167,139,250,.1) 50%,transparent 75%)}#start-preview{position:relative;z-index:1;width:100%;max-width:560px;height:auto;image-rendering:pixelated;border-radius:16px;border:1px solid var(--paper-line);box-shadow:0 24px 60px #00000073}.ob-visual-caption{margin:0;font-size:12px;color:var(--ink-faint);text-align:center;max-width:36ch}.ob-card{padding:clamp(20px,3vw,28px);border-radius:18px;border:1px solid var(--paper-line);background:#0b1528e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 50px #00000059}.ob-card-center{text-align:center}.ob-kicker{margin:0 0 6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.ob-title{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.ob-lead{margin:0 0 20px;font-size:14px;line-height:1.55;color:var(--ink-soft)}.ob-demo-note{margin:-8px 0 16px;padding:8px 10px;font-size:12px;line-height:1.45;color:var(--gold);background:#f0be481a;border:1px solid rgba(240,190,72,.22);border-radius:8px}.ob-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.ob-field{display:flex;flex-direction:column;gap:6px;text-align:left}.ob-field span{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.ob-field input,.ob-field select{width:100%;padding:11px 14px;border:1px solid var(--paper-line);border-radius:10px;background:#060c18e6;color:var(--ink);font-family:var(--font-ui);font-size:14px;outline:none;transition:border-color .15s var(--ease)}.ob-field input:focus,.ob-field select:focus{border-color:var(--accent)}.ob-cta{width:100%}.ob-tips{margin-top:18px;text-align:left}.ob-tips summary{font-size:12px;font-weight:600;color:var(--ink-soft);cursor:pointer;list-style:none}.ob-tips summary::-webkit-details-marker{display:none}.ob-tips ul{margin:10px 0 0;padding-left:18px;font-size:12px;line-height:1.55;color:var(--ink-faint)}.ob-tips li{margin-bottom:4px}.ob-avatar-grid{display:flex;flex-direction:column;align-items:center;gap:clamp(16px,3vh,28px)}.ob-avatar-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}#avatar-preview{position:relative;z-index:1;image-rendering:pixelated}.ob-swatches{display:flex;flex-direction:column;align-items:center;gap:8px;margin:16px 0 20px}.ob-sw-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.ob-actions{display:flex;gap:10px;align-items:center}.ob-actions .ob-cta{flex:1}@media(max-width:820px){.ob-grid{grid-template-columns:1fr}.ob-visual{order:-1}#start-preview{max-width:100%}.ob-top{flex-direction:column;align-items:flex-start}}@media(max-height:680px){.ob-visual-caption{display:none}.ob-lead{font-size:13px;margin-bottom:14px}}