:root{--bg: #f6f4f1;--panel: #ffffff;--panel-alt: #efede8;--border: #c0bab4;--accent: #1558f0;--accent-bright: #4b7bff;--text: #141210;--text-dim: #7a7470;--amber: #f5a623;--danger: #d7263d;--success: #1b9e5a;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent-bright)}.app-shell{display:flex;flex-direction:column;height:100%}.app-body{position:relative;flex:1;min-height:0}.tab-pane{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto}.hud{display:flex;align-items:center;gap:18px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border);z-index:500;flex-wrap:wrap}.hud-brand{font-weight:700;letter-spacing:.5px;color:var(--accent-bright);margin-right:auto}.hud-res{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-weight:600}.hud-res .glyph{font-size:15px}.hud-res.energy{color:var(--amber)}.hud-res.tech{color:var(--accent-bright)}.hud-res.intel{color:var(--success)}.tabbar{display:flex;background:var(--panel);border-top:1px solid var(--border);z-index:500}.tabbar button{flex:1;background:transparent;border:none;color:var(--text-dim);padding:12px 8px;font-size:14px;font-weight:600;border-top:2px solid transparent}.tabbar button.active{color:var(--accent-bright);border-top-color:var(--accent);background:var(--panel-alt)}.map-root{position:absolute;top:0;right:0;bottom:0;left:0}.leaflet-container{width:100%;height:100%;background:#e8e6e1}.dark-tiles{filter:saturate(.85) brightness(1.02)}.leaflet-control-attribution{background:#ffffffd9!important;color:var(--text-dim)!important}.leaflet-control-attribution a{color:var(--accent-bright)!important}.map-loading{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:5px 14px;font-size:12px;color:var(--text-dim);z-index:600}.walk-claim{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:700;width:min(420px,calc(100vw - 24px));display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:none}.walk-claim>*{pointer-events:auto}.walk-start-btn{background:var(--accent);color:#fff;border:none;border-radius:999px;font-size:17px;font-weight:700;padding:16px 32px;min-height:56px;box-shadow:0 10px 28px #1558f057}.walk-start-btn:hover{background:var(--accent-bright)}.walk-geo-error{background:var(--panel);border:1px solid var(--danger);border-radius:var(--radius);color:var(--text);font-size:13px;line-height:1.45;padding:12px 14px;box-shadow:0 8px 24px #14121029}.walk-hud{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 10px 28px #1412102e;padding:14px;display:flex;flex-direction:column;gap:12px}.walk-hud-stats{display:flex;justify-content:space-around;text-align:center}.walk-stat{display:flex;flex-direction:column;gap:2px}.walk-stat-val{font-size:22px;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.1}.walk-stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.walk-classes{display:flex;gap:8px}.walk-class{flex:1;background:var(--panel-alt);border:1px solid var(--border);border-radius:9px;color:var(--text-dim);font-size:13px;font-weight:600;padding:10px 0;min-height:40px}.walk-class.active{background:var(--accent);border-color:var(--accent);color:#fff}.walk-hint{margin:0;font-size:12px;line-height:1.4;color:var(--text-dim);text-align:center}.walk-actions{display:flex;gap:10px}.walk-cancel-btn,.walk-finish-btn,.walk-done-btn{border-radius:10px;font-size:15px;font-weight:700;padding:14px 0;min-height:52px}.walk-cancel-btn{flex:0 0 38%;background:var(--panel-alt);border:1px solid var(--border);color:var(--text)}.walk-cancel-btn:hover{border-color:var(--danger);color:var(--danger)}.walk-finish-btn{flex:1;background:var(--accent);border:none;color:#fff}.walk-finish-btn:hover:not(:disabled){background:var(--accent-bright)}.walk-submitting{text-align:center;font-size:15px;font-weight:600;color:var(--accent);padding:8px 0}.walk-result{width:100%;background:var(--panel);border:1px solid var(--border);border-left-width:5px;border-radius:var(--radius);box-shadow:0 10px 28px #1412102e;padding:16px;display:flex;flex-direction:column;gap:10px;text-align:center}.walk-result.success{border-left-color:var(--success)}.walk-result.error{border-left-color:var(--danger)}.walk-result-title{font-size:17px;font-weight:800}.walk-result.success .walk-result-title{color:var(--success)}.walk-result.error .walk-result-title{color:var(--danger)}.walk-result-body{font-size:15px;line-height:1.45;color:var(--text)}.walk-result-note{margin-top:6px;font-size:13px;color:var(--amber);font-weight:600}.walk-result-note.warn{color:var(--danger)}.walk-done-btn{width:100%;background:var(--accent);border:none;color:#fff}.walk-done-btn:hover{background:var(--accent-bright)}.myterr-panel{position:absolute;top:12px;left:12px;width:248px;max-width:calc(100vw - 24px);max-height:calc(100% - 24px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #1412101f;z-index:650;overflow:hidden}.myterr-panel.collapsed{width:auto}.myterr-head{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid var(--border)}.myterr-panel.collapsed .myterr-head{border-bottom:none}.myterr-title{font-size:13px;font-weight:700;color:var(--accent-bright);flex:1;white-space:nowrap}.myterr-toggle,.myterr-refresh{background:transparent;border:none;color:var(--text-dim);font-size:14px;line-height:1;padding:2px 4px;border-radius:6px}.myterr-toggle:hover:not(:disabled),.myterr-refresh:hover:not(:disabled){color:var(--accent-bright);background:var(--panel-alt)}.myterr-body{overflow-y:auto;padding:6px}.myterr-empty{padding:8px 6px;line-height:1.4}.myterr-row{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:var(--panel-alt);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:8px 10px;margin-bottom:6px}.myterr-row:hover{border-color:var(--accent)}.myterr-row-main{display:flex;justify-content:space-between;align-items:center;gap:8px}.myterr-row-label{font-size:13px;font-weight:600}.myterr-row-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px}.myterr-cv{color:var(--amber);font-variant-numeric:tabular-nums;font-weight:600}.myterr-coords{font-size:10px;color:var(--text-dim);font-variant-numeric:tabular-nums}.side-panel{position:absolute;top:0;right:0;bottom:0;width:360px;max-width:92vw;background:var(--panel);border-left:1px solid var(--border);z-index:700;overflow-y:auto;padding:18px;box-shadow:-8px 0 24px #1412101f}.side-panel h2{margin:0 0 4px;font-size:18px}.panel-close{position:absolute;top:12px;right:12px;background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:8px;width:30px;height:30px;line-height:1;font-size:16px}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.meta-row .k{color:var(--text-dim)}.meta-row .v{font-weight:600;text-align:right}.section-title{margin:20px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim)}.building-card{background:var(--panel-alt);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:8px}.building-card .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.building-name{font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge.building{background:#ffb3002e;color:var(--amber)}.badge.active{background:#56d3642e;color:var(--success)}.badge.damaged{background:#ff54702e;color:var(--danger)}.badge.neutral{background:var(--border);color:var(--text-dim)}.countdown{font-size:12px;color:var(--amber);font-variant-numeric:tabular-nums}.build-options{margin-top:10px}.build-btn{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;background:var(--panel-alt);border:1px solid var(--accent);color:var(--text);border-radius:10px;padding:10px 12px;margin-bottom:8px}.build-btn .cost{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.btn-demolish{background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600}.panel-error{background:#ff54701f;border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:8px 10px;font-size:13px;margin:10px 0}.muted{color:var(--text-dim);font-size:13px}.login-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.login-card h1{margin:0 0 4px;font-size:24px;color:var(--accent-bright)}.login-card p.sub{margin:0 0 22px;color:var(--text-dim);font-size:14px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px}.field input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 12px;font-size:15px}.field input:focus{outline:none;border-color:var(--accent)}.btn-primary{width:100%;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-bright);color:#fff}.list-pane{padding:18px;max-width:720px;margin:0 auto}.inv-item{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);border-left-width:4px;border-radius:10px;padding:12px 14px;margin-bottom:10px}.inv-item .inv-name{font-weight:600}.inv-item .inv-sub{font-size:12px;color:var(--text-dim)}.inv-item .spacer{margin-left:auto}.profile-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;max-width:480px;margin:0 auto}.profile-card h2{margin:0 0 2px}.xp-bar{height:8px;background:var(--bg);border-radius:999px;overflow:hidden;margin:8px 0 4px}.xp-bar>div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright))}.btn-logout{width:100%;margin-top:22px;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:8px;padding:11px;font-weight:600}.empty-state{text-align:center;color:var(--text-dim);padding:48px 20px}.empty-state .big{font-size:32px;margin-bottom:8px}.center-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.commander-tiles{filter:grayscale(.85) brightness(.96) contrast(.92) opacity(.85)}@keyframes dash-march{to{stroke-dashoffset:-20}}.leaflet-interactive[stroke-dasharray]{animation:dash-march 1.2s linear infinite}@keyframes carry-target-pulse{0%,to{stroke-width:3;fill-opacity:.3;filter:drop-shadow(0 0 2px rgba(215,38,61,.6))}50%{stroke-width:6;fill-opacity:.55;filter:drop-shadow(0 0 9px rgba(215,38,61,.95))}}path.commander-carry-target{animation:carry-target-pulse 1.1s ease-in-out infinite;cursor:pointer}@keyframes terminal-pulse{0%,to{box-shadow:0 0 #f5a6238c}50%{box-shadow:0 0 0 6px #f5a62300}}.commander-panel{position:absolute;top:0;bottom:0;width:288px;background:var(--panel);z-index:700;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.commander-panel--left{left:0;border-right:1px solid var(--border)}.commander-panel--right{right:0;width:300px;border-left:1px solid var(--border)}.commander-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.commander-sheet-close,.commander-fabs,.commander-sheet-backdrop{display:none}html,body,#root{max-width:100%;overflow-x:hidden}.tabbar{padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar button{min-height:48px}@media(max-width:700px){.hud{gap:10px 14px;padding:8px 12px}.hud-brand{width:100%;margin-bottom:2px;margin-right:0}.side-panel{width:100%;max-width:100%}.myterr-panel{top:8px;left:8px;right:8px;width:auto;max-width:calc(100vw - 16px);max-height:40vh}.myterr-panel.collapsed{width:auto;right:auto}.myterr-body{max-height:calc(40vh - 44px)}.walk-claim{bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(440px,calc(100vw - 20px))}.commander-fabs{position:absolute;left:8px;right:8px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:690;display:flex;gap:10px}.commander-fab{flex:1;background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:14px;font-weight:700;min-height:46px;padding:0 14px;box-shadow:0 8px 24px #1412102e}.commander-fab.active{background:var(--accent);border-color:var(--accent);color:#fff}.commander-sheet-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#14121052;z-index:695}.commander-panel{top:auto;left:0;right:0;bottom:0;width:100%;max-width:100%;max-height:78vh;border:none;border-top:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 -10px 30px #14121038;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .24s ease;z-index:700}.commander-panel.is-open{transform:translateY(0)}.commander-sheet-close{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-alt);border:1px solid var(--border);color:var(--text);border-radius:8px;width:34px;height:34px;min-width:34px;font-size:16px;line-height:1}}.login-switch{margin-top:14px;background:none;border:none;color:#7ba5ff;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login-switch:hover{color:#a9c4ff}.referral-box{margin-top:20px;padding:12px;border:1px solid rgba(123,165,255,.35);border-radius:10px;display:flex;flex-direction:column;gap:8px}.referral-url{font-size:12px;word-break:break-all;opacity:.85}.legal-row{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.45;color:#9daaca;margin:2px 0 4px;cursor:pointer}.legal-row input[type=checkbox]{margin-top:2px;accent-color:#1558f0}.legal-row a{color:#7ba5ff}.onb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:#060a14b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.onb-card{background:#131e33;border:1px solid #24365f;border-radius:16px;padding:26px 24px 22px;max-width:380px;width:100%;color:#eef2fb;box-shadow:0 18px 50px #00000080}.onb-card h2{margin:0 0 10px;font-size:20px}.onb-card p{margin:0 0 14px;color:#c4cde4;font-size:14.5px;line-height:1.55}.onb-hint{background:#f5a6231f;border:1px solid rgba(245,166,35,.4);border-radius:10px;padding:10px 12px;color:#f5c46a!important;font-size:13px!important}.onb-dots{display:flex;gap:6px;margin-bottom:14px}.onb-dot{width:8px;height:8px;border-radius:50%;background:#24365f}.onb-dot.active{background:#1558f0}.onb-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center}.onb-skip{background:none;border:none;color:#9daaca;cursor:pointer;font-size:13.5px;padding:8px 10px}.onb-skip:hover{color:#c4cde4}.handel-root{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg)}.hud-trade{display:flex;gap:4px;margin-left:12px}.hud-trade a{padding:5px 10px;border-radius:8px;color:var(--text-dim);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.hud-trade a:hover{background:#1558f014;color:var(--accent)}