.app{min-height:100vh;background:#0f1320;color:#e5e7eb;font-family:Inter,Segoe UI,sans-serif}#game-container{width:100%;height:100%}.ui-panel{background:#0c101ceb;border:1px solid rgba(255,215,0,.2);border-radius:14px;padding:12px;color:#e5e7eb;box-shadow:0 6px 18px #00000073;transition:opacity .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out;opacity:1;transform:scale(1)}.ui-panel.panel-entering{opacity:0;transform:scale(.95) translateY(-10px)}.ui-panel.panel-entered{opacity:1;transform:scale(1) translateY(0)}.ui-panel.panel-exiting{opacity:0;transform:scale(.95) translateY(-10px);pointer-events:none}.ui-panel-title{font-size:14px;font-weight:800;color:gold;margin:0 0 8px}.ui-btn{background:#ffd70026;border:1px solid rgba(255,215,0,.4);color:gold;padding:8px 10px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.ui-btn.secondary{background:#4a90e226;border-color:#4a90e266;color:#6bb6ff}.ui-btn.secondary:hover{background:#4a90e240;border-color:#4a90e299;box-shadow:0 2px 8px #4a90e233}.ui-divider{height:1px;width:100%;background:#ffffff1f;margin:10px 0}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:4000}.modal-card{width:min(420px,90vw);padding:16px}.modal-card.narrow{width:min(360px,90vw)}.hudbar{position:fixed;left:0;right:0;top:0;height:52px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#0c101cf2;border-bottom:1px solid rgba(255,215,0,.15);z-index:3000}.side-nav{position:fixed;left:12px;top:80px;display:flex;flex-direction:column;gap:8px;z-index:2500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.side-nav button{display:flex;align-items:center;gap:8px;transition:background .15s ease-in-out,transform .1s ease-in-out;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,215,0,.2);background:#0c101ccc;color:#e5e7eb;cursor:pointer}.side-nav button.active{border-color:#ffd700b3;color:gold}:root{--bg0: #050514;--bg1: #0b0820;--panel-bg: rgba(12, 10, 28, .9);--panel-bg-2: rgba(18, 14, 36, .96);--panel-border: rgba(255, 215, 0, .6);--panel-border-soft: rgba(74, 144, 226, .4);--panel-glow: rgba(255, 215, 0, .08);--text: #f8f6ef;--muted: #c7c0a2;--gold: #ffd700;--blue: #4a90e2;--danger: #e74c3c;--ok: #27ae60;--ui-zoom: .85;--build-nonce: 1}.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(1000px 700px at 50% 30%,var(--bg1),var(--bg0));color:var(--text)}#game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;background:radial-gradient(1000px 700px at 50% 30%,var(--bg1),var(--bg0))}#game-container canvas{display:block;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (height: 100dvh){.app,#game-container{height:100dvh}}.ui-panel{background:linear-gradient(180deg,var(--panel-bg-2),var(--panel-bg));border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff14,0 0 18px var(--panel-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);zoom:var(--ui-zoom)}.ui-panel-title{margin:0;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.7)}.ui-section-title{font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 0 rgba(0,0,0,.6)}.ui-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.35),transparent);margin:10px 0}.ui-btn{background:#0a0a1ab3;color:var(--text);border:1px solid var(--panel-border-soft);border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:800}.ui-btn:hover{border-color:#ffd7008c}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid var(--panel-border-soft);background:#00000059;font-size:11px;font-weight:900;letter-spacing:.02em}.world-select-overlay{position:fixed;inset:0;z-index:3500;display:flex;align-items:center;justify-content:center;padding:20px;color:#fff;background:radial-gradient(circle at top,#23160bf2,#05050afa);overflow:hidden}.world-select-overlay:before{content:"";position:absolute;inset:0;background-image:url(/art/ui/sector-grid.svg);background-size:320px 320px;opacity:.25;mix-blend-mode:screen;pointer-events:none}.world-select-overlay:after{content:"";position:absolute;inset:-10%;background-image:url(/art/ui/imperium-seal.svg);background-repeat:no-repeat;background-position:center;background-size:min(60vw,600px);opacity:.08;filter:drop-shadow(0 0 40px rgba(255,215,0,.08));pointer-events:none}.world-select-card{position:relative;width:min(1100px,96vw);border-radius:16px;border:1px solid rgba(255,215,0,.35);background:#0a0a1ae6;box-shadow:0 18px 50px #0000008c;padding:18px}.world-select-card.is-imperium{border-color:#ffd70073;box-shadow:0 18px 55px #0009,0 0 28px #ffd7001f}.world-select-card.is-chaos{border-color:#e74c3c73;box-shadow:0 18px 55px #0009,0 0 28px #e74c3c1f}.world-select-card.is-xenos{border-color:#4a90e273;box-shadow:0 18px 55px #0009,0 0 28px #4a90e21f}.world-select-list{position:relative;overflow:hidden}.world-select-list:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 10% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.25;pointer-events:none}.world-select-banner{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--gold)}.world-select-banner:before{content:"";width:36px;height:36px;background:radial-gradient(circle,#ffd70099,#ffd7000d);border:1px solid rgba(255,215,0,.4);border-radius:8px;box-shadow:0 0 18px #ffd70033}.world-select-motto{margin-top:6px;font-size:12px;color:var(--muted);max-width:520px}.world-select-world{position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.world-select-world:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#ffd70059;opacity:.55}.world-select-world.is-imperium:before{background:#ffd70080}.world-select-world.is-chaos:before{background:#e74c3c8c}.world-select-world.is-xenos:before{background:#4a90e28c}.world-select-world:hover{box-shadow:0 10px 24px #00000059}.world-select-world.is-active{border-color:#ffd70099!important;box-shadow:0 0 14px #ffd7001f}.world-select-world:hover{border-color:#ffd70066;box-shadow:0 12px 28px #00000073;transform:translateY(-1px)}.world-select-world.is-active .world-select-active{color:var(--gold);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.world-select-preview{position:relative;height:180px;border-radius:12px;border:1px solid rgba(255,215,0,.35);background:radial-gradient(circle at 30% 20%,#4a90e259,#0a0a1af2);background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:12px;overflow:hidden}.world-select-preview:before{content:"";position:absolute;inset:-10%;background-size:240px 240px;opacity:.18;mix-blend-mode:screen;animation:world-preview-drift 14s linear infinite;pointer-events:none}.world-select-preview.is-imperium:before{background-image:url(/art/ui/world-overlay-imperium.svg)}.world-select-preview.is-chaos:before{background-image:url(/art/ui/world-overlay-chaos.svg)}.world-select-preview.is-xenos:before{background-image:url(/art/ui/world-overlay-xenos.svg)}.world-select-preview-emblem{position:absolute;top:12px;right:12px;width:56px;height:56px;opacity:.55;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 0 12px rgba(0,0,0,.6));pointer-events:none}.world-select-preview-emblem.is-imperium{background-image:url(/art/ui/world-emblem-imperium.svg)}.world-select-preview-emblem.is-chaos{background-image:url(/art/ui/world-emblem-chaos.svg)}.world-select-preview-emblem.is-xenos{background-image:url(/art/ui/world-emblem-xenos.svg)}.world-select-preview:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 35%,rgba(255,215,0,.12),transparent 55%);opacity:.35;animation:world-preview-breath 6.5s ease-in-out infinite;pointer-events:none}.world-select-preview.is-imperium{background:radial-gradient(circle at 30% 20%,#ffd70038,#0a0a1af2)}.world-select-preview.is-chaos{background:radial-gradient(circle at 30% 20%,#e74c3c47,#0a0a1af5)}.world-select-preview.is-xenos{background:radial-gradient(circle at 30% 20%,#4ac8ff40,#0a0a1af5)}.world-select-preview-row{display:flex;align-items:center;gap:8px;margin-top:6px}.world-select-preview-badge{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,215,0,.45);background:#00000059;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.world-select-preview-badge.is-imperium{color:var(--gold);border-color:#ffd7008c}.world-select-preview-badge.is-chaos{color:#ff8a7a;border-color:#e74c3c8c}.world-select-preview-badge.is-xenos{color:#7ce3c6;border-color:#4ac8ff8c}.world-select-preview-label{font-size:11px;color:#c7c0a2}.world-select-lore-snippet{margin-top:8px;font-size:12px;color:#c7c0a2;line-height:1.5}.world-select-condition{margin-top:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(74,144,226,.35);background:#00000059}.world-select-condition-label{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#c7c0a2}.world-select-condition-text{margin-top:4px;font-size:12px;color:#ddd;line-height:1.5}.world-select-activity{display:inline-flex;align-items:center;gap:6px;margin-top:2px;padding:2px 8px;border-radius:999px;border:1px solid rgba(74,144,226,.35);background:#00000059;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.world-select-activity.is-low{color:#b8c0d9;border-color:#4a90e259}.world-select-activity.is-med{color:var(--gold);border-color:#ffd7008c}.world-select-activity.is-high{color:#ff8a7a;border-color:#e74c3c8c}.world-select-rule-chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.world-select-rule-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid rgba(74,144,226,.35);background:#00000059;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#c7c0a2}.world-select-rule-icon{width:14px;height:14px;border-radius:5px;border:1px solid rgba(255,255,255,.18);background:#0006;position:relative}.world-select-rule-icon:after{content:"";position:absolute;inset:3px;border-radius:3px;background:#fff3}.world-select-rule-icon.is-speed:after{background:linear-gradient(135deg,#ffd700b3,#ffd7001a)}.world-select-rule-icon.is-resource:after{background:linear-gradient(135deg,#27ae60cc,#27ae6033)}.world-select-rule-icon.is-upgrade:after{background:linear-gradient(135deg,#4a90e2cc,#4a90e233)}.world-select-rule-icon.is-training:after{background:linear-gradient(135deg,#9b59b6cc,#9b59b633)}.world-select-rule-icon.is-npc:after{background:linear-gradient(135deg,#e74c3ccc,#e74c3c33)}.world-select-rule-icon.is-economy:after{background:linear-gradient(135deg,#ffd700cc,#f39c1233)}.world-select-rule-icon.is-storage:after{background:linear-gradient(135deg,#00ced1cc,#00ced133)}.world-select-rule-chip.is-speed{border-color:#ffd70066}.world-select-rule-chip.is-resource{border-color:#27ae6066}.world-select-rule-chip.is-upgrade{border-color:#4a90e266}.world-select-rule-chip.is-training{border-color:#9b59b666}.world-select-rule-chip.is-npc{border-color:#e74c3c66}.world-select-rule-chip.is-economy{border-color:#ffd70066}.world-select-rule-chip.is-storage{border-color:#00ced166}.world-select-modifiers{margin-top:6px;display:grid;gap:4px}.world-select-modifier-line{font-size:11px;color:#ddd}.world-select-modifiers-tooltip{position:relative;display:inline-flex;align-items:center}.world-select-modifiers-icon{width:18px;height:18px;border-radius:999px;border:1px solid rgba(74,144,226,.45);color:#c7c0a2;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;background:#00000059;cursor:help}.world-select-modifiers-popover{position:absolute;top:24px;right:0;min-width:220px;padding:10px;border-radius:10px;border:1px solid rgba(74,144,226,.35);background:#0a0a1af2;box-shadow:0 10px 22px #0006;z-index:10;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.world-select-modifiers-tooltip:hover .world-select-modifiers-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.world-select-modifiers-title{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.world-status-badge{padding:2px 8px;border-radius:999px;border:1px solid rgba(74,144,226,.35);background:#00000059;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#c7c0a2}.world-status-badge.is-alpha{color:var(--gold);border-color:#ffd7008c}.world-status-badge.is-beta{color:#9fd0ff;border-color:#4a90e28c}.world-status-badge.is-live{color:#a7f3c7;border-color:#27ae608c}.world-status-badge.is-war{color:#ff8a7a;border-color:#e74c3c8c}.world-status-badge.is-maintenance{color:#f2c94c;border-color:#f2c94c8c}.world-status-badge.is-locked{color:#b8c0d9;border-color:#b8c0d966}.unit-card{position:relative;overflow:hidden;box-shadow:0 10px 26px #00000059;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.unit-card:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 30% 20%,rgba(255,215,0,.12),transparent 60%);opacity:.35;pointer-events:none}.unit-card:hover{border-color:#ffd70073;box-shadow:0 12px 30px #00000073;transform:translateY(-1px)}.unit-card--infantry,.unit-card--core{border-color:#27ae6073;box-shadow:0 10px 26px #00000059,0 0 16px #27ae601f}.unit-card--ranged{border-color:#4a90e280;box-shadow:0 10px 26px #00000059,0 0 16px #4a90e21f}.unit-card--heavy{border-color:#f39c1280;box-shadow:0 10px 26px #00000059,0 0 16px #f39c121f}.unit-card--cavalry{border-color:#9b59b673;box-shadow:0 10px 26px #00000059,0 0 16px #9b59b61f}.unit-card--siege{border-color:#e74c3c73;box-shadow:0 10px 26px #00000059,0 0 16px #e74c3c1f}.unit-card--elite{border-color:#ffd70073;box-shadow:0 10px 26px #00000059,0 0 18px #ffd70029}.unit-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#c7c0a2;border:1px solid rgba(255,255,255,.18);background:#ffffff14}.unit-chip--infantry,.unit-chip--core{color:#a7f3c7;border-color:#27ae6066;background:#27ae602e}.unit-chip--ranged{color:#9fd0ff;border-color:#4a90e273;background:#4a90e226}.unit-chip--heavy{color:#ffd7a0;border-color:#f39c1273;background:#f39c1226}.unit-chip--cavalry{color:#e0c3ff;border-color:#9b59b666;background:#9b59b626}.unit-chip--siege{color:#ffb4b4;border-color:#e74c3c66;background:#e74c3c26}.unit-chip--elite{color:gold;border-color:#ffd70059;background:#ffd7001f}.unit-role-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#00000073;font-size:11px}.building-card{position:relative;overflow:hidden;box-shadow:0 10px 26px #00000059;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.building-card:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 70% 20%,rgba(74,144,226,.12),transparent 60%);opacity:.35;pointer-events:none}.building-card:hover{border-color:#ffd70073;box-shadow:0 12px 30px #00000073;transform:translateY(-1px)}.build-list-card{display:grid;gap:6px}.build-list-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.build-list-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:800;color:#fff}.build-list-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#c7c0a2;border:1px solid rgba(255,255,255,.18);background:#0006}.build-list-status.is-ready{color:#a7f3c7;border-color:#27ae6073;background:#27ae6033}.build-list-status.is-locked{color:#ffb4b4;border-color:#e74c3c66;background:#e74c3c2e}.build-list-desc{font-size:11px;color:#aaa}.build-list-cost{font-size:11px;color:#c7c0a2}.build-list-cost.is-locked{color:#ffb4b4}.build-list-eta{font-size:11px;color:#ffb4b4}.building-tier-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:gold;border:1px solid rgba(255,215,0,.35);background:#ffd7001f;margin-right:6px}.building-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000059;font-size:14px}.building-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#c7c0a2;border:1px solid rgba(255,255,255,.18);background:#ffffff14}.building-chip--economy{color:#a7f3c7;border-color:#27ae6066;background:#27ae602e}.building-chip--military{color:#ffb4b4;border-color:#e74c3c66;background:#e74c3c26}.building-chip--defense{color:#f5c542;border-color:#f1c40f66;background:#f1c40f24}.building-chip--research{color:#9fd0ff;border-color:#4a90e273;background:#4a90e226}.building-chip--utility{color:#c8d6ff;border-color:#8ca0ff59;background:#8ca0ff1f}.building-chip--other{color:#c7c0a2;border-color:#c7c0a259;background:#c7c0a21f}.building-chip--core{color:gold;border-color:#ffd70059;background:#ffd7001f}.building-chip--housing{color:#e0c3ff;border-color:#9b59b666;background:#9b59b626}.map-village-card,.map-attack-card,.map-scout-card,.map-attack-unit{position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.map-village-card:after,.map-attack-card:after,.map-scout-card:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 75% 20%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.map-attack-unit:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 65% 10%,rgba(74,144,226,.12),transparent 65%);opacity:.35;pointer-events:none}.map-attack-card:before{content:"";position:absolute;inset:-20% -10%;background:linear-gradient(120deg,rgba(255,215,0,.08),transparent 45%);opacity:.6;pointer-events:none}.map-attack-title{font-weight:900;color:gold;text-transform:uppercase;letter-spacing:.08em}.map-attack-legend{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#c7c0a2}.map-attack-legend-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,215,0,.18);background:#0808148c}.map-attack-legend-icon{font-size:12px}.map-scout-legend{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#c7c0a2}.map-scout-legend-item{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,215,0,.18);background:#0808148c}.map-scout-legend-icon{font-size:12px}.map-village-chips{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#c7c0a2}.map-village-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(74,144,226,.22);background:#0808148c}.map-village-chip-icon{font-size:12px}.map-inspect-chips{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#c7c0a2}.map-inspect-tags{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;font-size:11px}.map-inspect-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#c7c0a2}.map-inspect-tag--owned{border-color:#27ae6073;color:#a7f3c7;background:#27ae601f}.map-inspect-tag--active{border-color:#ffd70073;color:gold;background:#ffd7001f}.map-inspect-tag--npc{border-color:#a0a0a073;color:#d1d5db;background:#a0a0a024}.map-canvas-frame{position:relative;overflow:hidden;box-shadow:0 14px 30px #00000073}.map-canvas-frame:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 50px #00000073;pointer-events:none}.map-canvas-frame:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.3;pointer-events:none}.map-hover-card{position:relative;overflow:hidden;box-shadow:0 12px 26px #00000073}.map-hover-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.map-legend-chips{margin-top:4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:11px;color:#c7c0a2}.map-legend-chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0808148c}.map-legend-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px #00000059}.map-legend-dot--active{background:#ffd700f2}.map-legend-dot--yours{background:#27ae60e6}.map-legend-dot--npc{background:#a0a0a0d9}.map-legend-dot--hostile{background:#e74c3cd9}.map-instructions{position:relative;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0808148c;box-shadow:inset 0 0 14px #00000059}.map-instructions:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.06),transparent 60%);opacity:.35;pointer-events:none}.report-card{position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.report-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 10%,rgba(255,255,255,.08),transparent 60%);opacity:.25;pointer-events:none}.report-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px #00000073}.report-card--success{box-shadow:0 10px 24px #00000059,0 0 16px #27ae601f}.report-card--danger{box-shadow:0 10px 24px #00000059,0 0 16px #e74c3c1f}.report-card--info{box-shadow:0 10px 24px #00000059,0 0 16px #4a90e21f}.report-card--gold{box-shadow:0 10px 24px #00000059,0 0 18px #ffd70029}.report-panel-emblem{width:20px;height:20px;border-radius:6px;border:1px solid rgba(255,215,0,.35);background:radial-gradient(circle at 30% 30%,#ffd70080,#0a0a1acc);box-shadow:0 0 10px #ffd70033;display:inline-block}.report-direction-chip{padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#c7c0a2}.report-direction--outgoing{border-color:#27ae6073;color:#a7f3c7;background:#27ae601f}.report-direction--incoming{border-color:#e74c3c73;color:#ffb4b4;background:#e74c3c1f}.report-outcome-chip{padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.2);background:#00000059;color:#c7c0a2}.report-outcome--success{border-color:#27ae6073;color:#a7f3c7;background:#27ae601f}.report-outcome--failed{border-color:#e74c3c73;color:#ffb4b4;background:#e74c3c1f}.report-outcome--claim{border-color:#ffd70073;color:gold;background:#ffd7001f}.report-outcome--hit,.report-outcome--scout{border-color:#4a90e273;color:#9fd0ff;background:#4a90e21f}.report-detail-line{display:flex;align-items:flex-start;gap:6px}.report-detail-icon{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#00000059;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 18px}.report-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:6px 0 8px;font-size:11px;color:#c7c0a2;letter-spacing:.02em;text-transform:uppercase}.report-legend-item{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#00000059}.report-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.report-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.map-village-card:hover,.map-attack-card:hover,.map-scout-card:hover,.map-attack-unit:hover{border-color:#ffd70073;box-shadow:0 12px 30px #00000073;transform:translateY(-1px)}.map-village-card--active{box-shadow:0 0 18px #ffd70033}.map-village-card{position:relative}.map-village-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 10%,rgba(255,215,0,.1),transparent 60%);opacity:.25;pointer-events:none}.map-village-card:hover{border-color:#ffd70073;box-shadow:0 12px 30px #00000073,0 0 18px #ffd7001f;transform:translateY(-1px)}.map-attack-list{position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059}.map-attack-list:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 80% 10%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.map-attack-row{display:grid;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid rgba(74,144,226,.25);background:#0a0a1aa6;font-size:12px;color:#c7c0a2;box-shadow:inset 0 0 0 1px #ffffff05}.map-attack-row--incoming{border-color:#e74c3c59;color:#ffb4b4}.map-attack-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-attack-name{font-weight:800;color:#fff}.map-attack-row--incoming .map-attack-name{color:#ffe2e2}.map-attack-row-meta{font-size:11px;color:#aaa}.map-attack-row--incoming .map-attack-row-meta{color:#ffb4b4}.map-attack-tag{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,215,0,.35);font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:gold;background:#ffd7001f}.map-attack-tag.is-scout{border-color:#4a90e273;color:#9fd0ff;background:#4a90e226}.map-minimap-card{position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059}.map-minimap-card:before{content:"";position:absolute;inset:-20% -10%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 2px,transparent 2px,transparent 6px);opacity:.25;pointer-events:none;animation:minimap-scan 14s linear infinite}.map-minimap-card:after{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 70% 10%,rgba(74,144,226,.15),transparent 60%);opacity:.35;pointer-events:none}.map-panel-emblem{width:22px;height:22px;border-radius:6px;border:1px solid rgba(255,215,0,.35);background:radial-gradient(circle at 30% 30%,#ffd70080,#0a0a1acc);box-shadow:0 0 12px #ffd70033;display:inline-block}.map-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.map-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.map-filter-bar{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px;border-radius:10px;border:1px solid rgba(74,144,226,.25);background:#0a0a1aa6;box-shadow:inset 0 0 0 1px #ffffff05,0 10px 22px #00000059}.map-filter-bar:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.map-filter-input{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#fff;font-size:12px;min-width:180px}.map-filter-input--small{min-width:90px;width:90px}.building-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.building-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.tile-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.tile-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.army-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.army-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.settings-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.settings-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.shop-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.shop-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.inventory-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.inventory-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.quests-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.quests-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.character-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.character-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.leaderboard-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.leaderboard-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.menu-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.menu-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.patchnotes-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.patchnotes-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.resource-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.resource-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.planets-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.planets-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}.hudbar-card{position:relative;overflow:hidden;box-shadow:0 16px 36px #00000080}.hudbar-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 65% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.3;pointer-events:none}.floating-panel-card{position:relative;overflow:hidden;box-shadow:0 18px 40px #00000080}.floating-panel-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.08),transparent 60%);opacity:.35;pointer-events:none}@keyframes minimap-scan{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}.world-select-lore{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.world-select-lore-card{position:relative;border:1px solid rgba(74,144,226,.35);border-radius:12px;padding:12px;background:#0a0a1ab3;overflow:hidden;box-shadow:0 10px 26px #00000059}.world-select-lore-card:after{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 70% 0%,rgba(255,215,0,.1),transparent 60%);opacity:.35;pointer-events:none}.world-select-lore-card.is-chaos{border-color:#e74c3c59}.world-select-lore-card.is-xenos{border-color:#4a90e259}.world-select-lore-badge{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:999px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,215,0,.4);color:gold;background:#ffd7001f}.world-select-lore-badge.is-chaos{border-color:#e74c3c73;color:#ffb4b4;background:#e74c3c26}.world-select-lore-badge.is-xenos{border-color:#4a90e280;color:#9fd0ff;background:#4a90e226}.world-select-lore-text{margin-top:6px;font-size:12px;color:#ddd;line-height:1.55}.world-select-faction{margin-top:6px;font-size:12px;color:#c7c0a2;line-height:1.45}.world-select-enter{position:relative;overflow:hidden}.world-select-enter:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at center,rgba(255,215,0,.25),transparent 60%);opacity:0;animation:world-select-pulse 3.6s ease-in-out infinite}@keyframes world-select-pulse{0%{opacity:.05;transform:scale(.9)}50%{opacity:.5;transform:scale(1.05)}to{opacity:.05;transform:scale(.9)}}@keyframes world-preview-drift{0%{transform:translateZ(0)}to{transform:translate3d(-40px,-28px,0)}}@keyframes world-preview-breath{0%{opacity:.2;transform:scale(.98)}50%{opacity:.45;transform:scale(1.02)}to{opacity:.2;transform:scale(.98)}}.world-cinematic{position:fixed;inset:0;z-index:3600;display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at top,#1e1208f5,#05050afc);overflow:hidden}.world-cinematic:before{content:"";position:absolute;inset:0;background-image:url(/art/ui/sector-grid.svg);background-size:320px 320px;opacity:.2;pointer-events:none}.world-cinematic:after{content:"";position:absolute;inset:-10%;background-image:url(/art/ui/imperium-seal.svg);background-repeat:no-repeat;background-position:center;background-size:min(70vw,680px);opacity:.12;pointer-events:none}.world-cinematic-card{position:relative;width:min(640px,92vw);padding:20px;border-radius:16px;border:1px solid rgba(255,215,0,.4);background:#0a0a1aeb;box-shadow:0 20px 60px #0009;text-align:center;animation:world-cinematic-rise .6s ease-out}.world-cinematic-banner{font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.world-cinematic-subtitle{margin-top:6px;font-size:12px;color:var(--muted)}.world-cinematic-world{margin-top:16px}.world-cinematic-world-name{font-size:22px;font-weight:900;color:#fff}.world-cinematic-world-meta{margin-top:6px;font-size:12px;color:#c7c0a2}.world-cinematic-crest{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:8px}.world-cinematic-crest-badge{padding:4px 10px;border-radius:999px;border:1px solid rgba(255,215,0,.45);background:#00000059;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.world-cinematic-crest-badge.is-imperium{color:var(--gold);border-color:#ffd7008c;box-shadow:0 0 10px #ffd70033}.world-cinematic-crest-badge.is-chaos{color:#ff8a7a;border-color:#e74c3c8c;box-shadow:0 0 10px #e74c3c2e}.world-cinematic-crest-badge.is-xenos{color:#7ce3c6;border-color:#4ac8ff8c;box-shadow:0 0 10px #4ac8ff2e}.world-cinematic-crest-meta{font-size:11px;color:#c7c0a2}.world-cinematic-lines{margin-top:16px;display:grid;gap:6px;font-size:13px;color:#ddd}.world-cinematic-lore{font-size:12px;color:#c7c0a2}.world-cinematic-progress{margin:16px auto 0;width:100%;height:4px;border-radius:999px;background:#ffd7001f;overflow:hidden;position:relative}.world-cinematic-progress:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffd70026,#ffd700d9,#ffd70026);animation:world-cinematic-progress 6.5s linear forwards;transform-origin:left;transform:scaleX(0)}.world-cinematic-actions{margin-top:14px;display:flex;justify-content:center}@keyframes world-cinematic-rise{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes world-cinematic-progress{to{transform:scaleX(1)}}.ui-badge-ok{color:#a7f3c7;border-color:#27ae6073}.ui-badge-warn{color:var(--gold);border-color:#ffd7008c}@keyframes missionDonePulse{0%{box-shadow:0 0 #27ae6000,0 10px 22px #0000}55%{box-shadow:0 0 0 3px #27ae602e,0 14px 30px #27ae6014}to{box-shadow:0 0 #27ae6000,0 10px 22px #0000}}.mission-card{transition:transform .12s ease,filter .16s ease}.mission-card:hover{transform:translateY(-1px);filter:brightness(1.03)}.mission-card-done{animation:missionDonePulse 1.5s ease-in-out infinite;border-color:#27ae608c!important}@keyframes toastIn{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.hud-toast{animation:toastIn .16s ease-out}@keyframes starDrift{0%{transform:translateZ(0);opacity:.75}50%{opacity:1}to{transform:translate3d(-140px,90px,0);opacity:.75}}.modal-backdrop{position:fixed;inset:0;z-index:2600;display:flex;justify-content:center;align-items:center;padding:16px;background:radial-gradient(1200px 800px at 50% 25%,#0b0820eb,#050514f5)}.modal-backdrop:before,.modal-backdrop:after{content:"";position:absolute;inset:-40%;background-repeat:repeat;pointer-events:none;opacity:.65;filter:blur(.1px);animation:starDrift 18s linear infinite;mix-blend-mode:screen}.modal-backdrop:before{background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 1.6px);background-size:120px 120px}.modal-backdrop:after{background-image:radial-gradient(circle,rgba(255,215,0,.12) 1px,transparent 1.8px);background-size:180px 180px;animation-duration:28s;opacity:.45}.modal-card{position:relative;width:min(720px,calc(100vw - 20px));max-height:calc(100vh - 40px);overflow:auto;padding:22px}.modal-card.narrow{width:min(420px,calc(100vw - 20px))}@keyframes uiGlowPulse{0%{box-shadow:0 0 #ffd70000,inset 0 1px #ffffff14}50%{box-shadow:0 10px 30px #ffd7001a,inset 0 1px #ffffff1a}to{box-shadow:0 0 #ffd70000,inset 0 1px #ffffff14}}@keyframes uiFloat{0%{transform:translateY(0)}50%{transform:translateY(-1.5px)}to{transform:translateY(0)}}@keyframes uiShimmer{0%{transform:translate(-140%) skew(-18deg);opacity:0}15%{opacity:.75}to{transform:translate(140%) skew(-18deg);opacity:0}}@keyframes uiStripeScroll{0%{background-position:0 0}to{background-position:120px 0}}.bld-tile{position:relative;display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;border:1px solid rgba(74,144,226,.35);background:linear-gradient(180deg,#100c24c7,#0a0a1aa8);overflow:hidden}.bld-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 120px at 30% 0%,rgba(255,215,0,.1),transparent 60%);opacity:.9;pointer-events:none}.bld-tile[data-affordable=true]{border-color:#27ae6059;animation:uiGlowPulse 2.4s ease-in-out infinite}.bld-icon{position:relative;width:44px;height:44px;border-radius:12px;background:linear-gradient(180deg,#ffffff17,#00000026);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 22px #00000059,inset 0 1px #ffffff1a;display:grid;place-items:center;overflow:hidden;animation:uiFloat 3.2s ease-in-out infinite}.bld-icon:after{content:"";position:absolute;top:-40%;left:0;width:60%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);filter:blur(.5px);animation:uiShimmer 3.8s ease-in-out infinite;pointer-events:none}.bld-icon svg{width:28px;height:28px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}.bld-icon[data-type=mine_adamantium]{border-color:#ffd70038}.bld-icon[data-type=mine_promethium]{border-color:#e74c3c47}.bld-icon[data-type=mine_plasteel]{border-color:#b4c6d442}.bld-icon[data-type=farm]{border-color:#27ae6042}.bld-icon[data-type=warehouse]{border-color:#4a90e242}.bld-queueOverlay{position:absolute;inset:0;background:radial-gradient(600px 120px at 20% 10%,rgba(74,144,226,.18),transparent 60%),repeating-linear-gradient(90deg,#ffd70000 0px 10px,#ffd70014 10px 20px);mix-blend-mode:screen;opacity:.9;animation:uiStripeScroll 2s linear infinite;pointer-events:none}@media(prefers-reduced-motion:reduce){.bld-icon,.bld-icon:after,.bld-tile[data-affordable=true],.bld-queueOverlay{animation:none!important}}.vs-ui-root{position:fixed;inset:0;pointer-events:none;font-family:Arial,sans-serif;color:#e5e7eb;z-index:1000;--vs-font-scale: 1;--vs-ui-scale: 1}.vs-ui-root[data-font-scale="0.75"]{--vs-font-scale: .75}.vs-ui-root[data-font-scale="0.875"]{--vs-font-scale: .875}.vs-ui-root[data-font-scale="1"]{--vs-font-scale: 1}.vs-ui-root[data-font-scale="1.125"]{--vs-font-scale: 1.125}.vs-ui-root[data-font-scale="1.25"]{--vs-font-scale: 1.25}.vs-ui-root[data-font-scale="1.5"]{--vs-font-scale: 1.5}.vs-toolbar{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;gap:calc(8px * var(--vs-ui-scale));padding:calc(10px * var(--vs-ui-scale));background:#0c101cdb;border:1px solid #2a3346;border-radius:calc(14px * var(--vs-ui-scale));pointer-events:auto;max-width:calc(100vw - 20px);z-index:1001;font-size:calc(12px * var(--vs-font-scale));box-shadow:0 4px 12px #0006}.vs-toolbar-row{display:flex;flex-wrap:wrap;gap:8px}.vs-btn{border:1px solid #2c3448;background:#1a2233;color:#e5e7eb;padding:calc(10px * var(--vs-ui-scale)) calc(14px * var(--vs-ui-scale));border-radius:calc(10px * var(--vs-ui-scale));font-size:calc(12px * var(--vs-font-scale));cursor:pointer;min-height:calc(44px * var(--vs-ui-scale));touch-action:manipulation;-webkit-tap-highlight-color:transparent;white-space:nowrap}.vs-btn:hover:not(:disabled){background:#222a3d;border-color:#3a4558}.vs-btn:active:not(:disabled){background:#151b2a;transform:scale(.98)}.vs-btn.active{background:#ffd166;color:#1a1f2a;border-color:#ffd166;font-weight:700}.vs-btn.active:hover{background:#ffd980;border-color:#ffd980}.vs-btn:disabled{opacity:.6;cursor:not-allowed}.vs-panel{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(100px + env(safe-area-inset-bottom));background:#0d121ee6;border:1px solid #2a3346;border-radius:16px;padding:12px;pointer-events:auto;max-height:50vh;overflow:auto;-webkit-overflow-scrolling:touch}.vs-panel-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:10px}.vs-panel-body{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.vs-panel-actions{display:flex;gap:8px}.vs-title{font-size:14px;font-weight:700}.vs-muted{font-size:12px;color:#9aa3b2}.vs-input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid #2c3448;background:#111827;color:#e5e7eb;margin-bottom:10px}.vs-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.vs-chip{border:1px solid #2c3448;background:#1a2233;color:#e5e7eb;padding:8px 12px;border-radius:999px;font-size:11px;cursor:pointer;min-height:36px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.vs-chip:hover{background:#222a3d;border-color:#3a4558}.vs-chip:active{background:#151b2a;transform:scale(.98)}.vs-chip.active{background:#ffd166;color:#1a1f2a;border-color:#ffd166;font-weight:700}.vs-chip.active:hover{background:#ffd980;border-color:#ffd980}.vs-catalog-list{display:flex;flex-direction:column;gap:8px}.vs-catalog-item{border:1px solid #2c3448;background:#131b2a;color:#e5e7eb;padding:12px;border-radius:12px;text-align:left;cursor:pointer;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s}.vs-catalog-item:hover{background:#1a2435;border-color:#3a4558}.vs-catalog-item:active{background:#0f1622;transform:scale(.98)}.vs-status-chip{position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));padding:calc(6px * var(--vs-ui-scale)) calc(10px * var(--vs-ui-scale));border-radius:999px;font-size:calc(12px * var(--vs-font-scale));pointer-events:auto;background:#111827e6;border:1px solid #2c3448;z-index:1003;box-shadow:0 2px 8px #0000004d}.vs-status-chip.online{border-color:#7dff8d;color:#7dff8d}.vs-status-chip.offline{border-color:#ffb84d;color:#ffb84d}@media(min-width:900px){.vs-toolbar{inset:16px 16px auto auto;transform:none;max-width:calc(420px * var(--vs-ui-scale))}.vs-panel.vs-catalog{left:auto;right:16px;top:calc(120px * var(--vs-ui-scale));bottom:auto;width:calc(360px * var(--vs-ui-scale));max-height:60vh}.vs-panel.vs-selection{left:auto;right:16px;bottom:16px;width:calc(280px * var(--vs-ui-scale))}.vs-panel.vs-help{left:auto;right:16px;top:calc(120px * var(--vs-ui-scale));bottom:auto;width:calc(400px * var(--vs-ui-scale));max-height:70vh}.vs-panel.vs-settings{left:auto;right:16px;top:calc(120px * var(--vs-ui-scale));bottom:auto;width:calc(320px * var(--vs-ui-scale));max-height:60vh}}@media(max-width:600px){.vs-toolbar{max-width:calc(100vw - 16px);padding:calc(8px * var(--vs-ui-scale));gap:calc(6px * var(--vs-ui-scale))}.vs-toolbar-row{gap:calc(6px * var(--vs-ui-scale))}.vs-btn{padding:calc(8px * var(--vs-ui-scale)) calc(10px * var(--vs-ui-scale));min-height:calc(40px * var(--vs-ui-scale));font-size:calc(11px * var(--vs-font-scale))}.vs-panel{bottom:calc(140px * var(--vs-ui-scale) + env(safe-area-inset-bottom));max-height:calc(50vh - 60px)}}.vs-panel.vs-help{max-height:60vh}.vs-panel.vs-help kbd{display:inline-block;background:#1a1a2e;padding:4px 8px;border-radius:4px;font-family:monospace;color:#4a90e2;border:1px solid #2c3448;font-size:11px;font-weight:600}