@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&family=Sora:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-body:"Space Grotesk", "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "PingFang SC", "Hiragino Sans", "Microsoft YaHei", "Meiryo", "Malgun Gothic", "Segoe UI", "Trebuchet MS", sans-serif;--font-display:"Orbitron", "Space Grotesk", "Noto Sans", "Segoe UI", sans-serif;font-family:var(--font-body);--ink:#eef5ff;--ink-soft:#eef5ffb8;--panel-bg:#060c18d1;--panel-bg-strong:#081020eb;--panel-border:#72a8ff73;--panel-edge:#a4d2ff38;--panel-glow:#46a0ff40;--accent:#7ad1ff;--accent-strong:#ffb14a;--accent-soft:#7ad1ff29;--danger:#ff6b6b;--shadow:#0000008c}:root[dir=rtl]{direction:rtl}:root[dir=rtl] .panel,:root[dir=rtl] .settings-card,:root[dir=rtl] .help-card,:root[dir=rtl] .profile-card,:root[dir=rtl] .admin-card,:root[dir=rtl] .start-card,:root[dir=rtl] .lobby-card,:root[dir=rtl] .overlay,:root[dir=rtl] .settings-value-wide{text-align:right}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 15% 18%,#3462a84d,#0000 45%),radial-gradient(circle at 70% 12%,#28508c40,#0000 40%),radial-gradient(circle at 50% 70%,#09122899,#0000 55%),linear-gradient(160deg,#05070f,#03050c 35%,#02030a 100%);min-height:100vh;margin:0;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#game-canvas{outline:none;width:100%;height:100%;display:block}#hud{pointer-events:none;padding:16px;position:absolute;inset:0}#orientation-compass{pointer-events:none;z-index:4;opacity:.78;place-items:center;width:56px;height:56px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.orientation-compass-rose{transform-origin:50%;background:radial-gradient(circle,#080f1c47 0 42%,#0000 43%),#0308123d;border:1px solid #dcf2ff61;border-radius:50%;width:48px;height:48px;transition:transform 90ms linear;position:relative;box-shadow:inset 0 0 12px #7ad1ff29,0 6px 18px #00000047}.orientation-compass-cardinal{color:#e8f8ffe6;letter-spacing:0;text-shadow:0 1px 5px #000000bf;place-items:center;width:14px;height:14px;font-size:.58rem;font-weight:800;line-height:1;display:grid;position:absolute}.orientation-compass-n{top:2px;left:50%;transform:translate(-50%)}.orientation-compass-s{opacity:.55;bottom:2px;left:50%;transform:translate(-50%)}.orientation-compass-e{opacity:.55;top:50%;right:2px;transform:translateY(-50%)}.orientation-compass-w{opacity:.55;top:50%;left:2px;transform:translateY(-50%)}.orientation-compass-line{transform-origin:50%;background:linear-gradient(#e8f8ffe6,#7ad1ff33);width:1px;height:30px;position:absolute;top:50%;left:50%}.orientation-compass-line-ns{transform:translate(-50%,-50%)}.orientation-compass-line-ew{opacity:.45;transform:translate(-50%,-50%)rotate(90deg)}body.engine-cutscene-playback #hud{display:none!important}#perf-overlay{border:1px solid var(--panel-border);color:var(--ink-soft);white-space:pre;pointer-events:none;z-index:5;background:#040810b8;border-radius:8px;padding:6px 8px;font-size:.72rem;line-height:1.3;position:absolute;top:72px;left:16px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 14px 30px var(--shadow), 0 0 18px var(--panel-glow);-webkit-backdrop-filter:blur(10px)saturate(140%);backdrop-filter:blur(10px)saturate(140%);pointer-events:auto;border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}.panel:before{content:"";pointer-events:none;background:linear-gradient(#7ad1ff29,#0000 40%);position:absolute;inset:0}.panel:after{content:"";border-radius:inherit;border:1px solid var(--panel-edge);opacity:.6;pointer-events:none;position:absolute;inset:0}.panel>*{z-index:1;position:relative}.panel-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:.78rem}.panel-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.panel-title-row .panel-title{margin-bottom:0}.campaign-panel-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.campaign-panel-header .panel-title{margin-bottom:0}.minimap-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.minimap-header .panel-title{margin-bottom:0}.minimap-ping{align-items:center;display:flex}.minimap-ping select{color:var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;appearance:none;background:#0c1426d9;border:1px solid #7ad1ff59;border-radius:999px;padding:2px 20px 2px 10px;font-size:.6rem}.minimap-ping select:focus{border-color:var(--accent);outline:none}.panel-toggle{color:var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;background:#0c1426d9;border:1px solid #7ad1ff59;border-radius:999px;padding:2px 10px;font-size:.6rem}.panel-toggle:hover{border-color:var(--accent)}#campaign-panel.is-collapsed .campaign-panel-body{display:none}.campaign-deadline-banner{z-index:33;pointer-events:none;width:min(390px,100vw - 32px);position:absolute;top:66px;left:50%;transform:translate(-50%)}.campaign-deadline-banner[hidden]{display:none}.campaign-deadline-list{gap:7px;display:grid}.campaign-deadline{--deadline-color:89, 240, 219;border:1px solid rgba(var(--deadline-color), .62);box-shadow:0 10px 30px #00000057, 0 0 18px rgba(var(--deadline-color), .1);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);background:#040c18eb;border-radius:11px;gap:5px;padding:8px 11px;display:grid}.campaign-deadline[data-urgency=warning]{--deadline-color:255, 176, 71}.campaign-deadline[data-urgency=critical]{--deadline-color:255, 87, 71;animation:1.2s ease-in-out infinite campaign-deadline-critical}.campaign-deadline-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.campaign-deadline-label{color:rgba(var(--deadline-color), .98);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:850;line-height:1.2}.campaign-deadline-time{color:#f3fbff;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:1.08rem;font-weight:900;line-height:1}.campaign-deadline-consequence{color:#ddebf2d1;font-size:.66rem;line-height:1.28}.campaign-deadline-track{background:#c6e2ee21;border-radius:999px;height:3px;overflow:hidden}.campaign-deadline-fill{border-radius:inherit;background:rgb(var(--deadline-color));height:100%;box-shadow:0 0 8px rgba(var(--deadline-color), .66);transition:width .25s linear}@keyframes campaign-deadline-critical{0%,to{box-shadow:0 10px 30px #00000057,0 0 12px #ff57471f}50%{box-shadow:0 10px 30px #00000057,0 0 24px #ff57474d}}@media (width<=760px){.campaign-deadline-banner{width:min(360px,100vw - 20px);top:54px}.campaign-deadline{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.campaign-deadline[data-urgency=critical]{animation:none}}.panel-subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px;font-size:.7rem}.panel-body{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.9rem;display:flex}#resource-bar{background:#060c18a6;border:1px solid #7ad1ff33;border-radius:999px;align-items:center;gap:16px;padding:6px 10px;display:flex;box-shadow:inset 0 0 12px #14285073}.resource{align-items:center;gap:6px;font-weight:600;display:flex}#status-value{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.resource-action{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:999px;padding:6px 14px;font-size:.75rem;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.resource-action:hover{border-color:var(--accent);transform:translateY(-1px)scale(1.02)}#resource-bar .resource-action:first-of-type{margin-left:auto}#left-stack{flex-direction:column-reverse;gap:12px;width:260px;display:flex;position:absolute;top:72px;bottom:16px;left:16px}#selection-panel{width:100%}#selection-details{white-space:normal;flex-direction:column;gap:2px;display:flex}.selection-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.selection-row-compact{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.selection-row-name{white-space:normal;word-break:break-word;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-width:0;line-height:1.2;display:-webkit-box;overflow:hidden}.selection-row-stats{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;min-width:88px;font-size:.72rem;line-height:1.1;display:flex}#selection-details.compact .selection-row{font-size:.72rem}#command-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}#command-buttons button{color:var(--ink);letter-spacing:.02em;cursor:pointer;background:linear-gradient(#24406ef2,#0c1426f2);border:1px solid #7ad1ff59;border-radius:8px;padding:6px 8px;font-size:.72rem;font-weight:600;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 5px 10px #00000052}#command-buttons button:hover{border-color:var(--accent);transform:translateY(-1px)scale(1.02);box-shadow:inset 0 0 0 1px #7ad1ff40,0 8px 14px #040c1880}#command-buttons button.active{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #ffc47059,0 8px 14px #040c188c}#command-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}#command-buttons .command-priority{grid-column:1/-1;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:6px;padding:4px 2px 2px;display:grid}#command-buttons .command-priority-label{letter-spacing:.12em;text-transform:uppercase;color:#a5c6ebd9;font-size:.68rem;font-weight:700}#command-buttons .command-priority-slot{align-items:center;gap:6px;display:flex}#command-buttons .command-priority-rank{color:#ffc470e6;font-size:.7rem;font-weight:700}#command-buttons .command-priority select{width:100%;color:var(--ink);background:#080e1ce6;border:1px solid #7ad1ff59;border-radius:6px;padding:4px 6px;font-size:.7rem;font-weight:600}#command-buttons .command-priority select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 1px #7ad1ff59}#build-panel{width:100%;max-height:52vh;overflow-y:auto}#research-panel{width:100%;max-height:52vh;display:none;overflow-y:auto}#build-buttons,#research-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}#build-queue{gap:6px}.queue-item{color:var(--ink-soft);justify-content:space-between;font-size:.78rem;display:flex}.queue-label{flex:1}.queue-cancel{border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;background:#142038d9;border-radius:6px;margin-left:8px;padding:2px 6px;font-size:.7rem}.queue-cancel:hover{border-color:var(--danger)}.queue-progress{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.queue-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;height:100%}.queue-empty{color:var(--ink-soft);font-size:.78rem}#build-buttons button,#research-buttons button{color:var(--ink);letter-spacing:.02em;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px;font-size:.78rem;font-weight:600;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}#build-buttons button:hover,#research-buttons button:hover{border-color:var(--accent);transform:translateY(-1px)scale(1.02);box-shadow:inset 0 0 0 1px #7ad1ff40,0 10px 18px #040c1880}#build-buttons button:disabled,#research-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}#research-buttons button.completed{color:#b4ebd2e6;opacity:.9;background:linear-gradient(#204046e6,#0e161ee6);border-color:#78dcb999}#right-stack{flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex;position:absolute;top:72px;bottom:16px;right:16px}#minimap-panel,#ping-panel{width:220px}#ping-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ping-button{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 6px;font-size:.7rem;font-weight:600;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.ping-button:hover{border-color:var(--accent);transform:translateY(-1px)scale(1.02)}.ping-button.active{border-color:var(--accent-strong);box-shadow:inset 0 0 0 1px #ffc47059,0 8px 14px #040c188c}#scoreboard-panel{width:260px;display:none;position:absolute;top:72px;right:16px}#scoreboard-panel.visible{display:block}#scoreboard-list{gap:8px;font-size:.78rem}.score-row{background:#0a122299;border:1px solid #72a8ff33;border-radius:10px;flex-direction:column;gap:2px;padding:6px 8px;display:flex}.score-row.player{border-color:#ffc470a6;box-shadow:inset 0 0 12px #ffc47033}.score-row.defeated{opacity:.5}.score-name{color:var(--ink);font-weight:600}.score-meta{color:var(--ink-soft);font-size:.72rem}.score-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.score-action-select{color:var(--ink);background:#060c18d9;border:1px solid #72a8ff59;border-radius:6px;padding:4px 6px;font-size:.65rem}.score-action-button{color:var(--ink);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#0c1426d9;border:1px solid #7ad1ff59;border-radius:6px;padding:3px 6px;font-size:.62rem}#chat-panel{flex-direction:column;gap:6px;width:min(360px,45vw);height:min(420px,100vh - 420px);min-height:min(260px,100vh - 420px);max-height:min(560px,100vh - 260px);display:flex;overflow:hidden}#chat-messages,#lobby-chat-messages{flex:auto;gap:6px;min-height:140px;max-height:none;font-size:.78rem;overflow-y:auto}.chat-message{flex-wrap:wrap;gap:6px;display:flex}.chat-message-enter{animation:.22s ease-out chatMessageFadeIn}.chat-scope-tag{color:#ffc470e6;font-weight:600}.chat-message.system{color:var(--ink-soft);font-style:italic}.chat-message.system .chat-system-tag{color:#7ad1ffeb;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.chat-message.system .chat-system-text{color:var(--ink-soft)}.chat-message.mission{background:#0e182cb8;border:1px solid #ffc47059;border-radius:10px;padding:6px 8px;font-style:normal;box-shadow:inset 0 0 0 1px #ffc4701f}.chat-message.mission .chat-system-tag{color:#ffc470f5}.chat-message.mission .chat-system-text{color:var(--ink)}@keyframes chatMessageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-name{color:var(--accent);font-weight:600}.chat-input{gap:8px;display:flex}.chat-resize-handle{cursor:ns-resize;touch-action:none;background:#7ad1ff47;border:1px solid #7ad1ff73;border-radius:999px;align-self:center;width:46px;height:8px;margin-top:4px;box-shadow:inset 0 0 6px #7ad1ff40}.chat-resize-handle:hover{background:#ffc47059;border-color:#ffc4708c}.voice-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.voice-radio{gap:6px;display:flex}.voice-controls button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:8px;padding:5px 9px;font-size:.68rem}.voice-controls button.active{border-color:#ffc470b3;box-shadow:inset 0 0 0 1px #ffc47033}.voice-remote{flex-direction:column;gap:4px;margin-top:4px;display:flex}.voice-details.is-collapsed,.voice-remote.is-empty .voice-peer-list,.voice-remote.is-empty .voice-remote-header button{display:none}.voice-remote-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.voice-remote-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.62rem}.voice-remote button{color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:8px;padding:4px 8px;font-size:.64rem}.voice-remote button.active{border-color:#ffc470b3;box-shadow:inset 0 0 0 1px #ffc47033}.voice-remote button:disabled{opacity:.6;cursor:not-allowed}.voice-peer-list{flex-direction:column;gap:6px;max-height:84px;padding-right:4px;display:flex;overflow-y:auto}.voice-peer-row{background:#0a1222a6;border:1px solid #72a8ff38;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.voice-peer-row.is-muted{opacity:.7}.voice-peer-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.voice-peer-empty{color:var(--ink-soft);font-size:.66rem}.voice-debug{white-space:pre-line;color:var(--ink-soft);margin-top:2px;font-size:.62rem;line-height:1.2}#voice-status,#lobby-voice-status{font-size:.66rem;line-height:1.2}.voice-debug:empty{display:none}.chat-scope{gap:6px;margin-top:4px;display:flex}.chat-scope button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:8px;padding:5px 9px;font-size:.68rem}.chat-scope button.active{border-color:#ffc470b3;box-shadow:inset 0 0 0 1px #ffc47033}#chat-input{border:1px solid var(--panel-border);color:var(--ink);background:#020710eb;border-radius:8px;flex:1;padding:7px 10px}#chat-send{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:8px;padding:7px 10px}#minimap-canvas{background:#040810cc;border:1px solid #72a8ff4d;border-radius:10px;width:100%;height:180px;display:block;box-shadow:inset 0 0 14px #0a1428a6}#ability-panel{width:220px;display:none}#ability-buttons button{color:var(--ink);letter-spacing:.02em;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px;font-size:.76rem;transition:transform .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}#ability-buttons button:hover{border-color:var(--accent);transform:translateY(-1px)scale(1.02)}#ability-buttons button:disabled{opacity:.5;cursor:not-allowed;transform:none}#selection-rectangle{pointer-events:none;background:#7ad1ff1f;border:1px solid #7ad1ff99;display:none;position:absolute;box-shadow:inset 0 0 12px #7ad1ff33}#tutorial-panel{text-align:left;width:min(390px,100vw - 32px);max-height:min(52dvh,480px);display:none;position:absolute;inset:72px auto auto 16px;overflow:hidden}#tutorial-panel.visible{flex-direction:column;gap:0;display:flex}#tutorial-panel.collapsed{width:min(300px,100vw - 32px)}.tutorial-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tutorial-section-title{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin-top:3px;font-size:.68rem;font-weight:800}.tutorial-panel-body{overscroll-behavior:contain;flex-direction:column;gap:9px;min-height:0;margin-top:9px;padding-right:4px;display:flex;overflow-y:auto}#campaign-panel{width:260px;max-height:calc(100vh - 360px);display:none;position:absolute;top:72px;bottom:auto;right:16px;overflow:hidden}#campaign-panel.visible{flex-direction:column;gap:8px;display:flex}.campaign-panel-body{flex-direction:column;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}#campaign-panel .panel-subtitle,#campaign-panel .campaign-objective{text-align:right}.campaign-objective{background:#0a122299;border:1px solid #72a8ff2e;border-radius:10px;flex-direction:column;gap:2px;padding:6px 8px;font-size:.82rem;line-height:1.35;display:flex}.campaign-objective.primary{border-color:#ffb14a4d;box-shadow:inset 0 0 0 1px #ffb14a1a}.campaign-objective-title:before{content:">";color:var(--accent);margin-right:6px}.campaign-objective-title{font-weight:600}.campaign-objective[data-status=completed]{color:var(--accent-strong);opacity:.85;text-decoration:line-through}.campaign-objective[data-status=failed]{color:var(--danger);opacity:.85;text-decoration:line-through}.campaign-objective-desc{color:var(--ink-soft);font-size:.72rem}.campaign-objective-progress{color:var(--ink-soft);gap:4px;margin-top:3px;font-size:.68rem;text-decoration:none;display:grid}.campaign-objective-progress-summary{justify-content:space-between;align-items:center;gap:8px;display:flex}.campaign-objective-progress-value{color:var(--ink);font-variant-numeric:tabular-nums}.campaign-objective-progress-track{background:#72a8ff29;border-radius:999px;height:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #72a8ff24}.campaign-objective-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-strong));width:0;height:100%;transition:width .18s ease-out}.campaign-objective[data-status=completed] .campaign-objective-progress-fill{background:var(--accent-strong)}.campaign-mission-commands{gap:6px;display:grid}.campaign-mission-command{width:100%;min-height:36px;color:var(--ink);font:inherit;text-align:center;cursor:pointer;background:linear-gradient(135deg,#ffb14a38,#357cff2e);border:1px solid #ffb14a94;border-radius:9px;padding:7px 10px;font-size:.78rem;font-weight:700}.campaign-mission-command:hover:not(:disabled),.campaign-mission-command:focus-visible:not(:disabled){border-color:#ffcd80e6;box-shadow:0 0 14px #ffb14a2e}.campaign-mission-command:disabled{cursor:not-allowed;opacity:.48}.tutorial-step-title{color:var(--ink);text-align:left;font-size:1rem;font-weight:750}.tutorial-step-text{text-align:left;font-size:.82rem;line-height:1.45}.tutorial-checklist{gap:6px;margin:0;padding:0;list-style:none;display:grid}.tutorial-check{border:1px solid rgba(var(--accent-rgb), .2);color:var(--ink-soft);background:#05111870;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:7px;padding:7px 9px;font-size:.77rem;line-height:1.35;display:grid}.tutorial-check.complete{border-color:rgba(var(--accent-rgb), .5);color:var(--ink);background:rgba(var(--accent-rgb), .1)}.tutorial-check-icon{color:var(--accent);font-weight:900}.tutorial-progress{flex-direction:column;gap:8px;display:flex}.tutorial-progress-text{text-align:left;width:100%;font-size:.72rem}.tutorial-actions{grid-template-columns:auto auto minmax(110px,1fr) auto;gap:8px;width:100%;display:grid}#tutorial-continue{flex:1}#tutorial-exit{border:1px solid var(--danger);color:var(--danger);background:#ff6b6b1f}.tutorial-ui-focus{outline-offset:3px;outline:2px solid rgba(var(--accent-rgb), .78)!important;box-shadow:0 0 0 4px rgba(var(--accent-rgb), .12), 0 0 24px rgba(var(--accent-rgb), .26)!important}.tutorial-ui-pulse{animation:.45s ease-in-out 2 tutorial-ui-pulse}@keyframes tutorial-ui-pulse{50%{filter:brightness(1.35);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.tutorial-ui-pulse{animation:none}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:none;background:#02040ab8;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.overlay.visible{pointer-events:auto;display:flex}#pause-overlay{pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#02040a40;align-items:flex-start;padding-top:96px}#pause-overlay.visible{pointer-events:none}#pause-overlay .pause-card{pointer-events:auto}.overlay-card{border:1px solid var(--panel-border);text-align:center;box-shadow:0 16px 32px var(--shadow);background:#080e1ae6;border-radius:16px;min-width:260px;padding:24px 28px}.campaign-briefing-card{text-align:left;flex-direction:column;gap:12px;width:min(560px,92vw);display:flex}.campaign-briefing-body{color:var(--ink);white-space:pre-line;font-size:.9rem;line-height:1.5}.campaign-briefing-objectives{flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.85rem;line-height:1.4;display:flex}.campaign-briefing-objectives li.secondary{color:var(--ink-soft)}.campaign-cutscene-card{text-align:left;flex-direction:column;gap:12px;width:min(520px,92vw);display:flex;position:relative}#campaign-cutscene-overlay.engine-mode{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:#02040a29;justify-content:center;align-items:flex-end;padding:0 20px 26px}#campaign-cutscene-overlay.engine-mode.visible{pointer-events:none}#campaign-cutscene-overlay.engine-mode .campaign-cutscene-card{pointer-events:none;background:linear-gradient(#070d185c,#070d1885);border-color:#72a8ff3d;border-radius:12px;gap:6px;width:min(980px,94vw);padding:10px 14px;box-shadow:0 10px 24px #00000040}#campaign-cutscene-overlay.engine-mode #campaign-cutscene-title{letter-spacing:.1em;color:#79caffe6;text-transform:uppercase;font-size:.86rem}#campaign-cutscene-overlay.engine-mode #campaign-cutscene-video{display:none!important}#campaign-cutscene-overlay.engine-mode #campaign-cutscene-text{color:#e8f2fff5;white-space:normal;max-height:none;padding-right:110px;font-size:1.02rem;line-height:1.42;overflow:visible}#campaign-cutscene-overlay.engine-mode #campaign-cutscene-skip{z-index:1;pointer-events:auto;background:#080e1ab3;position:absolute;top:10px;right:12px}.admin-image-preview-card{text-align:left;flex-direction:column;gap:12px;width:min(900px,92vw);display:flex}.admin-image-preview-header{justify-content:space-between;align-items:center;gap:12px;display:flex}#admin-image-preview-img{object-fit:contain;background:#03060ca6;border:1px solid #72a8ff33;border-radius:12px;width:100%;max-height:70vh}.campaign-cutscene-video{aspect-ratio:16/9;object-fit:cover;background:#080c16e6;border:1px solid #72a8ff40;border-radius:14px;width:100%;max-height:min(42vh,280px);box-shadow:inset 0 0 18px #080e1ab3}.campaign-cutscene-text{color:var(--ink-soft);white-space:pre-line;max-height:min(50vh,360px);padding-right:4px;font-size:.9rem;line-height:1.5;overflow-y:auto}#campaign-cutscene-skip{border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;background:#0c1426d9;border-radius:8px;align-self:flex-end;padding:6px 12px;font-weight:600}.match-card{text-align:left;flex-direction:column;gap:12px;width:min(760px,92vw);display:flex}.after-action-report{flex-direction:column;gap:6px;display:flex}.after-action-list{flex-direction:column;gap:8px;max-height:min(46vh,360px);padding-right:4px;display:flex;overflow-y:auto}.after-action-row{background:#0a1222b3;border:1px solid #72a8ff40;border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.after-action-row.player{border-color:#ffc470b3;box-shadow:inset 0 0 12px #ffc4702e}.after-action-name{color:var(--ink);font-weight:600}.after-action-meta,.after-action-stats{color:var(--ink-soft);font-size:.78rem;line-height:1.2}#reconnect-overlay{z-index:12}.reconnect-card{min-width:300px}.pause-card{min-width:320px}.pause-vote-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.pause-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}#pause-surrender{border:1px solid var(--danger);color:var(--danger);background:#ff6b6b1f}#pause-resume{border:1px solid var(--accent);color:var(--accent);background:#7ad1ff29}.pause-actions button:disabled{opacity:.55}#boot-overlay{z-index:11}.boot-progress{background:#ffffff14;border-radius:999px;height:10px;margin-top:12px;overflow:hidden;box-shadow:inset 0 0 8px #00000073}.boot-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-strong));border-radius:999px;width:0%;height:100%;transition:width .12s}.boot-status{min-height:1.4em;margin-top:12px}#start-overlay{z-index:12;align-items:flex-start;padding:24px 16px;overflow-y:auto}#admin-overlay{z-index:13}#unsupported-overlay{z-index:15}#start-overlay .start-card{max-height:calc(100vh - 48px);overflow-y:auto}.unsupported-card{text-align:left;flex-direction:column;gap:12px;width:min(560px,92vw);display:flex}.unsupported-actions{flex-wrap:wrap;gap:10px;display:flex}.unsupported-actions button{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 14px;font-size:.82rem;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.start-card{text-align:left;flex-direction:column;gap:18px;width:min(920px,95vw);display:flex}.start-top-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.start-toolbar{justify-content:flex-end;align-items:flex-start;gap:8px;padding-bottom:8px;display:flex;overflow:visible}.start-screen{display:none}.start-screen.active{display:block}.start-header{flex-direction:column;gap:6px;display:flex}.start-title{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:1.5rem}.start-subtitle{font-size:.95rem}.start-hero{background:#080e1ab3;border:1px solid #72a8ff40;border-radius:16px;height:clamp(160px,28vw,260px);margin-top:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #7ad1ff14,0 12px 22px #00000073}.start-hero img{object-fit:cover;width:100%;height:100%;display:block}.start-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.start-actions button,.start-toolbar button,.changelog-modal-header button{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 14px;font-size:.82rem;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.start-actions button:disabled,.start-toolbar button:disabled,.changelog-modal-header button:disabled{opacity:.5;cursor:not-allowed}.start-actions-home{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.start-action-group{background:#0a1222b3;border:1px solid #72a8ff40;border-radius:14px;flex-direction:column;gap:10px;padding:12px 12px 14px;display:flex;position:relative;box-shadow:inset 0 0 18px #0a14284d}.start-action-group:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#7ad1ff24,#0000 45%);position:absolute;inset:0}.start-action-group>*{z-index:1;position:relative}.start-action-title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.start-action-buttons{flex-direction:column;gap:8px;display:flex}.start-actions-home .start-action-buttons button{text-align:center;justify-content:center;width:100%}.start-actions-home .start-action-buttons button.action-primary{background:linear-gradient(#3a6fc4f2,#182c4af2);border-color:#7ad1ffb3;box-shadow:inset 0 0 0 1px #7ad1ff45,0 10px 18px #02060f8f}.start-actions-home .start-action-buttons button.action-primary:hover{border-color:#7ad1fff2;box-shadow:inset 0 0 0 1px #7ad1ff70,0 12px 20px #02060fa6}.start-actions-home .start-action-buttons button.action-admin{color:#2a1904;background:linear-gradient(#ffcc7af2,#e29a40f2);border-color:#ffc470f2;box-shadow:inset 0 0 0 1px #ffd9a24d,0 8px 14px #040c1880}.start-form{gap:12px;margin-top:10px;display:grid}.start-form label,.start-panel label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.7rem;display:flex}.start-form input,.start-form select,.start-form textarea,.start-panel input,.start-panel select,.start-panel textarea{color:var(--ink);background:#030812e6;border:1px solid #72a8ff4d;border-radius:8px;padding:8px 10px;font-size:.85rem}.start-panel textarea{resize:vertical;min-height:72px}.start-grid,.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.start-panel{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.start-changelog{margin-top:16px}.start-changelog-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.start-changelog-meta{letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.start-changelog-list{flex-direction:column;gap:10px;max-height:min(26vh,240px);padding-right:6px;display:flex;overflow-y:auto}.changelog-card{text-align:left;flex-direction:column;gap:14px;width:min(1120px,94vw);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.changelog-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.changelog-modal-list{text-align:left;flex:auto;max-height:none}.start-changelog-entry{background:#080e1a99;border:1px solid #72a8ff40;border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 14px #0a14284d}.start-changelog-date{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.72rem}.start-changelog-entry ul{color:var(--ink-soft);flex-direction:column;gap:4px;margin:6px 0 0 18px;padding:0;font-size:.82rem;line-height:1.3;display:flex}.stats-list{color:var(--ink-soft);grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;font-size:.82rem;display:grid}.stats-value{color:var(--ink);font-weight:600}.start-card.wide{width:min(1120px,96vw)}.map-library-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.map-filters{flex-direction:column;gap:10px;display:flex}.map-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.map-filter-toggles{gap:6px;display:grid}.map-library-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.map-list{flex-direction:column;gap:8px;max-height:320px;margin-top:8px;padding-right:6px;display:flex;overflow-y:auto}.map-group-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;font-size:.68rem}.map-item{text-align:left;cursor:pointer;background:#080e1ab3;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:4px;padding:8px 10px;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.map-item:hover{border-color:#7ad1ff73;transform:translateY(-1px)}.map-item.selected{border-color:var(--accent);box-shadow:0 0 0 1px #7ad1ff4d}.map-item-title{color:var(--ink);font-size:.85rem;font-weight:600}.map-item-meta{color:var(--ink-soft);font-size:.7rem}.map-chip-row{flex-wrap:wrap;gap:6px;display:flex}.map-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:#060c18b3;border:1px solid #7ad1ff59;border-radius:999px;align-items:center;padding:2px 8px;font-size:.62rem;display:inline-flex}.map-chip.featured{color:var(--accent-strong);border-color:#ffb14a99}.map-chip.favorite{color:var(--accent);border-color:#7ad1ff99}.map-chip.mine{color:#82f0b9;border-color:#82f0b999}.map-chip.public{color:var(--ink-soft);border-color:#aabeff73}.map-preview{background:#040810d9;border:1px solid #72a8ff40;border-radius:12px;width:100%;height:180px;position:relative;overflow:hidden}.map-preview:before{content:"";opacity:.6;background:radial-gradient(circle at 30% 30%,#3264b433,#0000 45%),radial-gradient(circle at 70% 70%,#193c7833,#0000 50%);position:absolute;inset:0}.map-preview-node{pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.map-preview-node.spawn{border:1px solid var(--accent);box-sizing:border-box;min-width:18px;height:18px;color:var(--ink);text-shadow:0 1px 2px #0009;background:#7ad1ff33;border-radius:999px;justify-content:center;align-items:center;padding:0 3px;font-size:.6rem;font-weight:600;display:flex}.map-preview-node.asteroid{background:#c8cde6b3;width:6px;height:6px}.map-preview-node.asteroidRich{background:#ffcc82cc;width:7px;height:7px}.map-preview-node.gasGiantBlue{background:#5a96ff59;border:1px solid #64aaffe6;width:14px;height:14px}.map-preview-node.gasGiantPurple{background:#a06eff59;border:1px solid #b978ffe6;width:14px;height:14px}.map-preview-node.nebulaIon{background:#5abeff38;border:1px dashed #5abeffe6;width:15px;height:15px}.map-preview-node.nebulaRadiation{background:#dc6eb438;border:1px dashed #dc6eb4e6;width:15px;height:15px}.map-detail{color:var(--ink-soft);flex-direction:column;gap:6px;margin-top:10px;font-size:.78rem;display:flex}.map-detail-row{justify-content:space-between;gap:12px;display:flex}.map-detail-row.description{flex-direction:column;align-items:flex-start;gap:4px}.map-detail-row.description span:last-child{white-space:pre-wrap}.map-detail-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.map-editor-mode{flex-wrap:wrap;gap:10px;display:flex}.map-editor-mode button{color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:#0a1222a6;border:1px solid #7ad1ff59;border-radius:10px;padding:6px 12px;font-size:.72rem}.map-editor-mode button.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px #7ad1ff40}.map-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px;margin-top:12px;display:grid}.map-editor-section{flex-direction:column;gap:10px;display:flex}.map-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.map-canvas{aspect-ratio:1;background:#050a14e6;border:1px solid #72a8ff40;border-radius:12px;width:100%;position:relative;overflow:hidden}.map-canvas:before{content:"";opacity:.35;background-color:#0000;background-image:linear-gradient(#7ad1ff14 1px,#0000 1px),linear-gradient(90deg,#7ad1ff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.map-node{cursor:grab;pointer-events:auto;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.map-node.spawn{border:2px solid var(--accent);background:#7ad1ff2e;width:18px;height:18px}.map-node.asteroid{background:#c8cde6b3;width:10px;height:10px}.map-node.asteroidRich{background:#ffcc82cc;width:12px;height:12px}.map-node.gasGiantBlue{background:#5a96ff59;border:1px solid #64aaffe6;width:20px;height:20px}.map-node.gasGiantPurple{background:#a06eff59;border:1px solid #b978ffe6;width:20px;height:20px}.map-node.nebulaIon{background:#5abeff38;border:1px dashed #5abeffe6;width:22px;height:22px}.map-node.nebulaRadiation{background:#dc6eb438;border:1px dashed #dc6eb4e6;width:22px;height:22px}.map-node.selected{box-shadow:0 0 0 2px #ffb14abf}.map-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.map-tool{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:center;background:#060c18b3;border:1px solid #7ad1ff4d;border-radius:10px;padding:6px 8px;font-size:.64rem}.map-tool.active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px #7ad1ff40}.map-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;display:grid}.map-legend-row{color:var(--ink-soft);align-items:center;gap:8px;font-size:.72rem;display:flex}.map-legend-swatch{background:#7ad1ff26;border:1px solid #7ad1ff66;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-flex}.map-legend-swatch.spawn{border:2px solid var(--accent);background:#7ad1ff2e;width:14px;height:14px}.map-legend-swatch.asteroid{background:#c8cde6b3;border-color:#c8cde6cc}.map-legend-swatch.asteroidRich{background:#ffcc82cc;border-color:#ffcc82e6}.map-legend-swatch.gasGiantBlue{background:#5a96ff59;border-color:#64aaffe6;width:16px;height:16px}.map-legend-swatch.gasGiantPurple{background:#a06eff59;border-color:#b978ffe6;width:16px;height:16px}.map-legend-swatch.nebulaIon{background:#5abeff38;border:1px dashed #5abeffe6;width:16px;height:16px}.map-legend-swatch.nebulaRadiation{background:#dc6eb438;border:1px dashed #dc6eb4e6;width:16px;height:16px}.map-editor-selected{font-size:.7rem;line-height:1.4}.tutorial-status-list{flex-direction:column;gap:8px;display:flex}.tutorial-status-row{background:#080e1ab3;border:1px solid #72a8ff33;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.tutorial-status-name{color:var(--ink);font-size:.82rem;font-weight:600}.tutorial-status-meta{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem}.tutorial-status-meta.completed{color:var(--accent-strong)}.campaign-list{flex-direction:column;gap:8px;display:flex}.campaign-pack-picker-row{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.campaign-pack-picker-row span{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.campaign-pack-picker-row select{min-height:36px}.campaign-item{color:var(--ink);text-align:left;cursor:pointer;background:#080e1ab3;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.campaign-item:hover{border-color:var(--accent)}.campaign-item.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #7ad1ff38}.campaign-item.locked{opacity:.6}.campaign-item-title{font-size:.9rem;font-weight:600}.campaign-item-meta{color:var(--ink-soft);font-size:.72rem}.campaign-item-badges{flex-wrap:wrap;gap:6px;display:flex}.campaign-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);background:#0a1222a6;border:1px solid #72a8ff4d;border-radius:999px;padding:2px 6px;font-size:.65rem}.campaign-badge.ready{color:var(--ink);border-color:#7ad1ff73}.campaign-badge.progress{border-color:var(--accent);color:var(--accent)}.campaign-badge.completed{border-color:var(--accent-strong);color:var(--accent-strong)}.campaign-badge.locked{color:var(--ink-soft);border-color:#fff3}.campaign-badge.attempts{color:var(--ink-soft);border-color:#7ad1ff40}.campaign-badge.victory{color:#b4ebd2e6;border-color:#78dcb9b3}.campaign-badge.defeat{border-color:var(--danger);color:var(--danger)}.campaign-details{white-space:pre-line;font-size:.82rem;line-height:1.4}.start-room-actions{justify-content:flex-end;display:flex}.start-room-list{flex-direction:column;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.room-row{background:#080e1ab3;border:1px solid #72a8ff40;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.room-details{flex-direction:column;gap:2px;display:flex}.room-title{color:var(--ink);font-size:.85rem;font-weight:600}.room-meta{color:var(--ink-soft);font-size:.72rem}.room-join{color:var(--ink);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:6px 10px;font-size:.7rem;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 5px 10px #00000052}.room-actions{align-items:center;gap:8px;display:flex}.room-spectate{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#121e34e6;border:1px solid #72a8ff59;border-radius:10px;padding:6px 10px;font-size:.7rem}.lobby-observers{margin-top:8px;font-size:.74rem}.start-toggle{text-transform:none;color:var(--ink-soft);align-items:center;gap:8px;font-size:.8rem;display:flex}.start-info{margin-top:10px;font-size:.8rem}.lobby-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.lobby-header button,.start-panel button,.lobby-actions button{color:var(--ink);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 12px;font-size:.78rem;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.lobby-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.lobby-chat{margin-top:12px}#lobby-slot-list,#single-slot-list{flex-direction:column;gap:10px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}#start-single #single-slot-list{flex:1;min-height:0;max-height:min(52vh,460px)}.lobby-slot{background:#080e1ab3;border:1px solid #72a8ff33;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}#start-single .start-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch}#start-single .start-panel{min-height:0}#start-single #single-slot-list{gap:12px;height:100%;max-height:none;padding-right:6px}#start-single .lobby-slot.single-slot{background:#060c18c7;flex-direction:column;align-items:stretch;gap:10px;padding:12px;box-shadow:inset 0 0 0 1px #7ad1ff14}#start-single .slot-header{justify-content:space-between;align-items:center;gap:10px;display:flex}#start-single .slot-title{text-transform:uppercase;letter-spacing:.14em;color:var(--ink);font-size:.72rem}#start-single .slot-badges{align-items:center;gap:6px;display:inline-flex}#start-single .slot-controls{grid-template-columns:repeat(3,minmax(0,1fr));place-items:end stretch;gap:10px;display:grid}#start-single .slot-field{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);flex-direction:column;gap:4px;font-size:.58rem;display:flex}#start-single .slot-label{color:var(--ink-soft)}#start-single .slot-field .slot-select{width:100%}#start-single .slot-field-color .slot-color-control{grid-template-columns:12px minmax(0,1fr);align-items:center;gap:6px;display:grid}#start-single .slot-field-color .slot-color-swatch{width:10px;height:10px}#start-single .slot-pill.ai{color:var(--accent);background:#7ad1ff1f;border-color:#7ad1ffa6}#start-single .slot-pill.team-ally{color:var(--accent);background:#7ad1ff14;border-color:#7ad1ff8c}#start-single .slot-pill.team-enemy{color:var(--danger);background:#ff6b6b14;border-color:#ff6b6b99}.slot-info{flex-direction:column;gap:2px;display:flex}.slot-name{color:var(--ink);font-size:.85rem;font-weight:600}.slot-meta{color:var(--ink-soft);font-size:.72rem}.slot-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.slot-color-control{align-items:center;gap:6px;display:inline-flex}.slot-color-swatch{border:1px solid #ffffff80;border-radius:999px;width:12px;height:12px;box-shadow:0 0 6px #00000073}.slot-select{color:var(--ink);background:#030812e6;border:1px solid #72a8ff4d;border-radius:8px;padding:6px 8px;font-size:.75rem}.slot-toggle{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.slot-action{color:var(--ink);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#0c1426d9;border:1px solid #7ad1ff59;border-radius:8px;padding:4px 8px;font-size:.68rem}.slot-pill{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);border:1px solid #7ad1ff40;border-radius:999px;padding:2px 8px;font-size:.65rem}.slot-pill.ready{color:var(--accent);background:#7ad1ff1f;border-color:#7ad1ffcc}.slot-pill.waiting{color:var(--danger);border-color:#ff6b6b80}#settings-overlay{z-index:14}#feedback-overlay{z-index:13}.settings-card{text-align:left;flex-direction:column;gap:16px;width:min(940px,94vw);max-height:88vh;display:flex;overflow:hidden}.settings-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-header button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 12px;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.settings-content{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding-right:4px;display:grid;overflow-y:auto}#help-overlay{z-index:9}.leaderboard-card{text-align:left;flex-direction:column;gap:12px;width:min(560px,92vw);max-height:80vh;display:flex;overflow:hidden}.leaderboard-list{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.leaderboard-row{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.leaderboard-rank{color:var(--accent);font-weight:700}.leaderboard-meta{color:var(--ink-soft);font-size:.82rem}.profile-card{text-align:left;flex-direction:column;gap:12px;width:min(620px,92vw);max-height:86vh;display:flex;overflow:hidden}.feedback-card{text-align:left;flex-direction:column;gap:12px;width:min(680px,92vw);max-height:86vh;display:flex;overflow:hidden}.feedback-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-header button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 12px;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.feedback-list{flex-direction:column;gap:10px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.feedback-item{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.feedback-item-meta{color:var(--ink-soft);flex-wrap:wrap;gap:8px;font-size:.72rem;display:flex}.feedback-status-pill{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border:1px solid #7ad1ff66;border-radius:999px;padding:2px 8px;font-size:.64rem}.feedback-status-pill[data-status=new]{color:var(--accent);border-color:#7ad1ff80}.feedback-status-pill[data-status=accepted]{color:#78dcb9;border-color:#78dcb999}.feedback-status-pill[data-status=in_progress]{color:var(--accent-strong);border-color:#ffb86899}.feedback-status-pill[data-status=complete]{color:#78dcb9;border-color:#78dcb9cc}.feedback-status-pill[data-status=rejected]{color:var(--danger);border-color:#ff6b6b99}.feedback-status-pill[data-status=needs_info]{color:#c8beffe6;border-color:#c8beff99}.feedback-status-pill[data-status=duplicate]{color:#b4b4d2e6;border-color:#b4b4d299}.feedback-status-pill[data-status=blocked]{color:#ff9870e6;border-color:#ff987099}.feedback-text{color:var(--ink);white-space:pre-wrap;font-size:.85rem}.feedback-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.72rem;display:flex}.feedback-label textarea{min-height:120px;color:var(--ink);resize:vertical;background:#030812e6;border:1px solid #72a8ff4d;border-radius:10px;padding:10px 12px;font-size:.85rem}.feedback-actions{justify-content:flex-end;gap:10px;display:flex}.feedback-actions button{color:var(--ink);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 12px}.feedback-hint{font-size:.75rem}.profile-auth{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:14px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.profile-auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:10px 12px;display:grid}.profile-auth-grid label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.78rem;display:flex}.profile-auth-grid input,.profile-auth-grid select{color:var(--ink);background:#030812e6;border:1px solid #72a8ff4d;border-radius:8px;padding:8px 10px;font-size:.85rem}.profile-auth-grid button{grid-column:span 2;justify-self:end}.profile-auth-divider{background:#7ad1ff33;height:1px;margin:4px 0}.profile-auth-hint{font-size:.76rem}.profile-auth-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.profile-auth-link{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:.78rem}.profile-auth-link:hover{color:var(--accent-strong)}.profile-security{flex-direction:column;gap:8px;display:flex}.profile-summary{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:10px 12px;display:grid}.profile-row{flex-direction:column;gap:4px;display:flex}.profile-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.68rem}.profile-value{color:var(--ink);font-size:.95rem;font-weight:600}.profile-matches{flex-direction:column;gap:10px;padding-right:4px;display:flex;overflow-y:auto}.profile-match{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:12px;grid-template-columns:1.2fr 1.6fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.profile-match.win{border-color:#7ad1ffb3;box-shadow:inset 0 0 12px #7ad1ff33}.profile-match.loss{border-color:#ff6b6b99;box-shadow:inset 0 0 12px #ff6b6b33}.profile-match.draw{border-color:#ffc47080;box-shadow:inset 0 0 12px #ffc47026}.profile-match-title{color:var(--ink);font-weight:600}.profile-match-meta{color:var(--ink-soft);font-size:.78rem}.profile-match-delta{color:var(--accent-strong);font-weight:600}.admin-card{text-align:left;flex-direction:column;gap:12px;width:min(1200px,96vw);max-height:92vh;display:flex;overflow:hidden}.admin-tabs{flex-wrap:wrap;gap:8px;display:flex}.admin-tab,.campaign-tab{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0a1222bf;border:1px solid #7ad1ff59;border-radius:999px;padding:6px 14px;font-size:.7rem}.admin-tab.is-active,.campaign-tab.is-active{color:var(--accent-strong);border-color:#ffc470b3;box-shadow:inset 0 0 0 1px #ffc47033}.admin-tab-panel{flex:auto;min-height:0;display:none}.admin-tab-panel.is-active{flex-direction:column;min-height:0;display:flex}.campaign-workspace{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}.campaign-header{justify-content:space-between;align-items:center;display:flex}.campaign-build-health{background:linear-gradient(100deg,#091527f5,#0e1d31d1);border:1px solid #72a8ff42;border-radius:12px;grid-template-columns:minmax(210px,auto) minmax(260px,1fr) minmax(420px,auto);align-items:center;gap:12px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff09}.campaign-health-identity,.campaign-health-metrics,.campaign-model-profile-strip{align-items:center;gap:9px;min-width:0;display:flex}.campaign-lifecycle{min-height:24px;color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;background:#ffae471a;border:1px solid #ffc47080;border-radius:999px;align-items:center;padding:3px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.campaign-lifecycle.is-ready{color:#8ee8b0;background:#37b4691a;border-color:#63e8978c}.campaign-lifecycle.is-published{color:#93d8ff;background:#3793dc1f;border-color:#58bbff99}.campaign-health-identity>.muted{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.campaign-health-metrics{flex-wrap:wrap;justify-content:center}.campaign-health-metrics>span{color:var(--color-text-muted);background:#ffffff09;border-radius:7px;padding:4px 8px;font-size:.72rem}.campaign-health-metrics strong{color:var(--ink)}.campaign-self-check-diagnostics{color:var(--color-text-muted);background:#ffae4712;border:1px solid #ffc47057;border-radius:8px;grid-column:1/-1;gap:5px;padding:8px 10px;font-size:.7rem;display:grid}.campaign-self-check-diagnostics[hidden]{display:none}.campaign-self-check-diagnostics.has-blockers{background:#d2364817;border-color:#ff68778c}.campaign-self-check-diagnostics strong{color:var(--ink)}.campaign-self-check-diagnostics ul{gap:3px;margin:0;padding-left:18px;display:grid}.campaign-self-check-diagnostics code{color:#b8dcff}.campaign-model-profile-strip{flex-wrap:wrap;justify-content:flex-end}.campaign-model-profile-strip>span{color:#b8dcff;background:#0208104d;border:1px solid #72a8ff29;border-radius:8px;gap:1px;min-width:82px;padding:5px 8px;font-size:.68rem;font-weight:700;display:grid}.campaign-model-profile-strip small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.58rem;font-weight:500}.campaign-tabs{flex-wrap:wrap;gap:8px;display:flex}.campaign-body{flex:auto;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);gap:12px;min-height:0;display:grid;overflow:hidden}#admin-campaign-workspace[data-active-panel=overview] .campaign-body{grid-template-columns:1fr}#admin-campaign-workspace[data-active-panel=overview] .campaign-inspector{display:none}.campaign-main{min-height:0;padding-right:4px;display:flex;overflow-y:auto}.campaign-panel{flex-direction:column;flex:auto;gap:12px;display:none}.campaign-panel.is-active{display:flex}.campaign-panel[data-campaign-panel=overview]{gap:14px}.campaign-pipeline-card{background:#040b159e;border:1px solid #72a8ff33;border-radius:10px;gap:10px;padding:12px;display:grid}.campaign-pipeline-summary{white-space:nowrap;font-size:.74rem}.campaign-pipeline{grid-template-columns:repeat(9,minmax(92px,1fr));gap:7px;padding-bottom:2px;display:grid;overflow-x:auto}.campaign-pipeline-step{background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:7px;min-width:100px;padding:8px;display:grid;position:relative}.campaign-pipeline-step>span{color:#a7c9ea;border:1px solid #72a8ff47;border-radius:50%;grid-row:1/span 2;place-items:center;width:24px;height:24px;font-size:.65rem;font-weight:800;display:grid}.campaign-pipeline-step strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.campaign-pipeline-step small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.58rem;overflow:hidden}.campaign-pipeline-step.is-running{background:#ffae4714;border-color:#ffc4709e;box-shadow:0 0 0 1px #ffc47014}.campaign-pipeline-step.is-passed{background:#37b46912;border-color:#63e8976b}.campaign-pipeline-step.is-failed,.campaign-pipeline-step.is-blocked{background:#d2364817;border-color:#ff687794}@media (width<=1180px){.campaign-build-health{grid-template-columns:1fr}.campaign-health-metrics,.campaign-model-profile-strip{justify-content:flex-start}}.campaign-ai-workbench{grid-template-columns:minmax(360px,1.15fr) minmax(320px,.85fr);align-items:stretch;gap:14px;display:grid}.campaign-ai-chat,.campaign-ai-preview{background:#050c16b3;border:1px solid #72a8ff38;border-radius:8px;min-width:0;padding:14px}.campaign-ai-chat{flex-direction:column;gap:12px;display:flex}.campaign-ai-toolbar{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.campaign-ai-toolbar label{min-width:190px;color:var(--color-text-muted);gap:4px;font-size:.78rem;display:grid}.campaign-codex-note{text-align:right;max-width:260px;font-size:.76rem;line-height:1.35}.campaign-chat-log{background:#0000002e;border-radius:8px;flex-direction:column;gap:8px;min-height:280px;max-height:min(42dvh,520px);padding:8px;display:flex;overflow-y:auto}.campaign-chat-empty{color:var(--color-text-muted);font-size:.86rem}.campaign-chat-message{background:#ffffff0a;border-radius:8px;gap:4px;padding:8px;display:grid}.campaign-chat-message.is-admin{background:#5bc1ff1a}.campaign-chat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.campaign-chat-body{white-space:pre-wrap;line-height:1.45}.campaign-chat-compose{grid-template-columns:minmax(0,1fr) minmax(120px,auto);align-items:end;gap:8px;display:grid}.campaign-chat-compose textarea{resize:vertical;min-height:92px}.campaign-preview-list{flex-direction:column;gap:8px;min-width:0;max-height:min(52dvh,620px);margin-top:8px;display:flex;overflow-y:auto}.campaign-preview-summary,.campaign-preview-more{color:var(--color-text-muted);font-size:.82rem}.campaign-preview-missions{gap:8px;display:grid}.campaign-preview-mission{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;padding:8px}.campaign-preview-title{font-weight:700}.campaign-preview-meta,.campaign-preview-line{color:var(--color-text-muted);font-size:.82rem;line-height:1.35}.campaign-inspector{flex-direction:column;gap:10px;min-width:0;display:flex}.campaign-inline-status{background:#03081073;border:1px solid #72a8ff2e;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.campaign-command-bar{z-index:2;background:#060c18eb;border:1px solid #72a8ff40;border-radius:12px;flex-direction:column;gap:10px;padding:10px 12px;display:flex;position:sticky;bottom:0;box-shadow:0 10px 20px #00000073}#admin-campaign-workspace:not(.campaign-advanced-open) .campaign-command-bar{display:none}.campaign-command-group{flex-direction:column;gap:6px;display:flex}.campaign-command-group-primary{border-bottom:1px solid #72a8ff38;gap:8px;padding-bottom:8px}.campaign-primary-action{color:#10141d;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#ffbb5df2,#e08224f2);border:1px solid #ffc470e0;border-radius:12px;width:auto;min-width:min(100%,220px);padding:14px 18px;font-size:.9rem;font-weight:700;transition:transform .12s,box-shadow .12s,border-color .12s;box-shadow:inset 0 0 0 1px #ffefd759,0 10px 22px #00000073}.campaign-primary-action:hover{border-color:#ffe1aaf2;transform:translateY(-1px)scale(1.01);box-shadow:inset 0 0 0 1px #ffefd773,0 14px 24px #00000080}.campaign-primary-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.campaign-primary-hint{font-size:.74rem}.campaign-quick-actions .admin-actions{flex-wrap:wrap;align-items:center}.campaign-quick-actions .campaign-primary-action{flex:230px}.admin-danger-action{color:#ffbebef2;border-color:#ff7d7dbf}.admin-danger-action:hover{color:#ffdcdc;border-color:#ff9696f2}#admin-campaign-mission-back,#admin-campaign-workspace.mission-studio-open .campaign-tabs,#admin-campaign-workspace.mission-studio-open .campaign-inspector,#admin-campaign-workspace.mission-studio-open .campaign-command-bar{display:none}#admin-campaign-workspace.mission-studio-open .campaign-body{grid-template-columns:1fr}#admin-campaign-workspace.mission-studio-open #admin-campaign-mission-back{display:inline-flex}#admin-campaign-workspace.mission-studio-open .campaign-panel[data-campaign-panel=missions] .admin-builder-card:first-child{display:none}#admin-campaign-workspace.mission-studio-open .campaign-mission-studio{background:#060c1694;border:1px solid #72a8ff3d;border-radius:12px;padding:10px 12px}.campaign-command-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.65rem}.admin-grid{flex-direction:column;flex:auto;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.admin-section{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:14px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.admin-codex-section{border-color:#ffc47052}.admin-codex-login-panel{background:#ffc47014;border:1px solid #ffc47047;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.admin-codex-login-panel[hidden]{display:none}.admin-codex-login-panel strong{color:var(--accent-strong);letter-spacing:.08em}.admin-codex-api-login{background:#07111e7a;border:1px solid #72a8ff3d;border-radius:8px;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:8px 10px;padding:10px 12px;display:grid}.admin-codex-api-login label{gap:4px;display:grid}.admin-codex-api-login .admin-metrics-meta{grid-column:1/-1}@media (width<=760px){.admin-codex-api-login{grid-template-columns:1fr}.admin-codex-api-login .admin-metrics-meta{grid-column:auto}}.admin-codex-command{color:var(--color-text-muted);gap:4px;font-size:.78rem;display:grid}.admin-codex-command input{width:100%;font-family:var(--font-mono,monospace)}.admin-codex-command[hidden]{display:none}.admin-live-token-row{white-space:normal;border-bottom:1px solid #72a8ff29;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid}.admin-live-token-row:last-child{border-bottom:0}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.admin-metric-card{background:#060c16a6;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:6px;min-height:86px;padding:10px 12px;display:flex}.admin-metric-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.68rem}.admin-metric-value{color:var(--ink);font-size:1.2rem;font-weight:600}.admin-metric-sub{color:var(--ink-soft);font-size:.75rem}.admin-metric-bar{background:#0c1424b3;border:1px solid #72a8ff26;border-radius:999px;height:6px;position:relative;overflow:hidden}.admin-metric-bar span{background:linear-gradient(90deg,#52aaffe6,#ffba64e6);width:0%;height:100%;display:block}.admin-metrics-meta{color:var(--ink-soft);font-size:.72rem}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.admin-form label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.78rem;display:flex}.admin-form input,.admin-form select,.admin-form textarea{color:var(--ink);background:#030812e6;border:1px solid #72a8ff4d;border-radius:8px;padding:8px 10px;font-size:.85rem}.admin-span-2{grid-column:span 2}.admin-builder-hint{grid-column:span 2;font-size:.72rem;line-height:1.4}.admin-form textarea{resize:vertical;min-height:180px}.admin-form textarea.admin-textarea-compact{min-height:110px}.admin-form.admin-form-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-progress-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:10px 12px;display:grid}.admin-progress{flex-direction:column;gap:6px;display:flex}.admin-progress-header{color:var(--ink-soft);justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.admin-progress-bar{background:#72a8ff26;border:1px solid #72a8ff33;border-radius:999px;height:8px;overflow:hidden}.admin-progress-fill{background:linear-gradient(90deg,#50a0ffe6,#78dcffe6);width:0%;height:100%;transition:width .3s}.admin-video-library{background:#060c1666;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.admin-video-library label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.78rem;display:flex}.admin-video-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-video-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:.85rem}.admin-video-grid{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:12px;display:grid}.admin-video-player video{background:#000;border:1px solid #72a8ff33;border-radius:10px;width:100%;max-height:260px}.admin-video-list{flex-direction:column;gap:8px;max-height:260px;display:flex;overflow-y:auto}.admin-video-item{background:#030812bf;border:1px solid #72a8ff33;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.admin-video-item.selected{border-color:#7eceffe6;box-shadow:0 0 12px #50a0ff4d}.admin-video-item-title{color:var(--ink);font-size:.82rem;font-weight:600}.admin-video-item-meta{color:var(--ink-soft);font-size:.7rem}.admin-video-item-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-video-controls,.admin-video-upload{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:10px 12px;display:grid}.admin-character-library{grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);gap:12px;display:grid}.admin-character-list{flex-direction:column;gap:8px;max-height:240px;display:flex;overflow-y:auto}.admin-character-item{cursor:pointer;background:#030812bf;border:1px solid #72a8ff33;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.admin-character-item.selected{border-color:#ffba64bf;box-shadow:0 0 0 1px #ffba6459}.admin-character-name{color:var(--ink);font-size:.78rem;font-weight:600}.admin-character-thumb{object-fit:cover;border:1px solid #72a8ff40;border-radius:8px;width:40px;height:40px}.admin-character-images{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-height:240px;display:grid;overflow-y:auto}.admin-character-image{background:#060c1699;border:1px solid #72a8ff33;border-radius:10px;flex-direction:column;gap:6px;padding:8px;display:flex}.admin-character-image img{object-fit:cover;cursor:zoom-in;border:1px solid #72a8ff33;border-radius:8px;width:100%;height:120px}.admin-character-image.is-active{border-color:#7ad1ffcc;box-shadow:0 0 12px #50a0ff4d}.admin-status-error{color:var(--danger)}.admin-status-success{color:var(--accent)}.admin-toggle{color:var(--ink-soft);grid-column:span 2;align-items:center;gap:8px;font-size:.78rem;display:flex}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-log-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-log{white-space:pre-wrap;-webkit-user-select:text;user-select:text;cursor:text;background:#060c1699;border:1px solid #72a8ff33;border-radius:10px;min-height:48px;max-height:160px;padding:8px 10px;overflow-y:auto}.admin-log-large{max-height:280px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.admin-builder-visual{flex-direction:column;gap:12px;display:flex}.admin-builder-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-builder-title{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:.7rem}.admin-builder-root{flex-direction:column;gap:12px;display:flex}.admin-builder-grid{grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:12px;display:grid}.admin-builder-grid-campaigns{grid-template-columns:minmax(220px,1fr) minmax(260px,1fr) minmax(260px,1fr)}.admin-builder-card{background:#060c1699;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.admin-builder-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-builder-list{flex-direction:column;gap:8px;display:flex}.admin-builder-item{color:var(--ink);background:#040a14d9;border:1px solid #72a8ff33;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.admin-builder-item button{font-size:.7rem}.admin-builder-item-button{color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:600}.admin-builder-item-meta{margin-right:auto;font-size:.68rem}.admin-builder-item.selected{border-color:#ffba64bf;box-shadow:0 0 0 1px #ffba6473}.admin-builder-handle{color:var(--ink-soft);cursor:grab;font-size:.9rem}.admin-builder-handle:active{cursor:grabbing}.admin-builder-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-size:.7rem}.admin-builder-sublist{flex-direction:column;gap:8px;display:flex}.admin-builder-subitem{background:#060c16a6;border:1px solid #72a8ff2e;border-radius:10px;flex-direction:column;gap:8px;padding:8px 10px;display:flex}.admin-builder-subitem-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-builder-row{flex-wrap:wrap;gap:8px;display:flex}.admin-builder-row .admin-actions{gap:6px}@media (width<=960px){.admin-builder-grid,.admin-builder-grid-campaigns,.campaign-ai-workbench,.campaign-chat-compose{grid-template-columns:1fr}.campaign-ai-toolbar{flex-direction:column}.campaign-ai-toolbar label{width:100%}}.admin-user-detail{max-height:320px;font-family:var(--font-body);white-space:normal;flex-direction:column;gap:10px;display:flex}.admin-user-section{background:#050a1466;border:1px solid #72a8ff2e;border-radius:10px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.admin-user-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:.68rem}.admin-user-row{color:var(--ink-soft);justify-content:space-between;gap:8px;font-size:.74rem;display:flex}.admin-user-row span:last-child{color:var(--ink)}.admin-user-map-list{flex-direction:column;gap:6px;display:flex}.admin-user-map{background:#060c1699;border:1px solid #72a8ff2e;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.admin-user-map-info{flex-direction:column;gap:2px;display:flex}.admin-user-map-name{color:var(--ink);font-size:.76rem;font-weight:600}.admin-user-map-meta{color:var(--ink-soft);font-size:.68rem}.admin-user-map-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.admin-user-map-action{color:var(--ink);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#0c1426d9;border:1px solid #7ad1ff59;border-radius:8px;padding:4px 8px;font-size:.62rem}.admin-user-map-action.danger{color:#ffb3b3;border-color:#ff8c8c80}.admin-user-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.admin-feedback-list{flex-direction:column;gap:10px;display:flex}.admin-feedback-card{background:#060c1699;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.admin-feedback-header{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.admin-feedback-meta{color:var(--ink-soft);font-size:.72rem}.admin-feedback-body{color:var(--ink);white-space:pre-wrap;font-size:.85rem}.admin-feedback-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-feedback-actions select{color:var(--ink);background:#030812e6;border:1px solid #72a8ff4d;border-radius:8px;padding:6px 8px;font-size:.75rem}.admin-feedback-actions button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:8px;padding:6px 10px;font-size:.75rem}.admin-user-card{background:#060c1699;border:1px solid #72a8ff33;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.admin-user-header{justify-content:space-between;align-items:center;gap:8px;font-weight:600;display:flex}.admin-user-meta{color:var(--ink-soft);font-size:.72rem}.admin-user-stats{flex-wrap:wrap;gap:6px;display:flex}.admin-user-stat{color:var(--ink);background:#101a2eb3;border:1px solid #72a8ff33;border-radius:999px;padding:4px 8px;font-size:.72rem}#admin-open{display:none}.help-card{text-align:left;flex-direction:column;gap:16px;width:min(980px,94vw);max-height:88vh;display:flex;overflow:hidden}.help-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.help-header button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:8px 12px;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.help-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding-right:4px;display:grid;overflow-y:auto}.help-section{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:14px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.help-list{color:var(--ink);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.85rem;display:flex}.help-list li{line-height:1.35}.settings-section{background:#0a1222a6;border:1px solid #72a8ff40;border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.settings-row{align-items:center;gap:12px;font-size:.85rem;display:flex}.settings-row input[type=range]{flex:1}.settings-row input[type=text],.settings-row input[type=password],.settings-row select{border:1px solid var(--panel-border);min-width:0;color:var(--ink);background:#020710d9;border-radius:8px;flex:1;padding:6px 8px}.settings-value{text-align:right;min-width:46px;color:var(--ink-soft);font-size:.8rem}.settings-value-wide{text-align:left;flex:1}.settings-hint{color:var(--ink-soft);opacity:.8;font-size:.75rem}.settings-actions button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:10px;padding:6px 10px;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.settings-toggle{color:var(--ink-soft);align-items:center;gap:6px;font-size:.82rem;display:flex}.settings-toggle input[type=checkbox]{accent-color:#7ad1fff2}.settings-now{font-size:.85rem}.playlist-controls,.playlist-actions{flex-wrap:wrap;gap:8px;display:flex}.playlist-controls-labeled label{min-width:110px;color:var(--ink-soft);font-size:.8rem}.playlist-controls input,.playlist-controls select{border:1px solid var(--panel-border);min-width:140px;color:var(--ink);background:#020710d9;border-radius:8px;flex:1;padding:6px 8px}.playlist-controls button,.playlist-actions button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:8px;padding:6px 10px;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 6px 12px #00000059}.track-list{flex-direction:column;gap:8px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.track-group-header{color:var(--ink);cursor:pointer;background:#060a12d9;border:1px solid #72a8ff40;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.track-group-caret{text-align:center;color:#b0d6ffd9;width:12px;font-weight:700}.track-group-label{letter-spacing:.02em;font-weight:600}.track-row{background:#080e1aa6;border:1px solid #72a8ff33;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:6px 8px;display:flex}.track-row-group{margin-left:14px}.track-toggle{flex:1;align-items:center;gap:8px;display:flex}.track-actions{gap:6px;display:flex}.track-actions button{color:var(--ink);cursor:pointer;background:linear-gradient(#28487af2,#0e182cf2);border:1px solid #7ad1ff59;border-radius:6px;padding:4px 6px;font-size:.75rem;box-shadow:inset 0 0 0 1px #7ad1ff1f,0 4px 8px #00000059}#match-title{color:var(--accent-strong);margin-bottom:6px;font-size:1.4rem;font-weight:700}#match-subtitle{margin-bottom:16px}.match-body{color:var(--ink-soft);max-height:min(22vh,200px);padding-right:4px;font-size:.9rem;line-height:1.5;overflow-y:auto}.match-body p{margin:0 0 8px}.match-body p:last-child{margin-bottom:0}.match-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}#match-secondary{border:1px solid var(--panel-border);color:var(--ink);cursor:pointer;background:#0c1426d9;border-radius:10px;padding:10px 16px;font-weight:600}#match-restart{border:1px solid var(--panel-border);background:var(--accent);color:#03111f;cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:700}@media (width<=900px){#resource-bar{flex-direction:column;align-items:flex-start}.resource-status{width:100%;max-width:100%}#resource-bar .resource-action:first-of-type{margin-left:0}#left-stack{width:200px;top:90px}#build-panel{max-height:44vh}#right-stack{gap:10px;top:90px;bottom:12px;right:12px}#minimap-panel{width:200px}#tutorial-panel{width:200px;max-height:calc(100vh - 320px);top:90px;bottom:auto;right:12px}#campaign-panel{width:200px;top:90px;bottom:auto;right:12px}#ping-panel{width:200px}#scoreboard-panel{width:220px;top:120px}#chat-panel{width:min(300px,70vw);height:min(320px,100vh - 360px);min-height:min(220px,100vh - 360px);max-height:min(420px,100vh - 220px)}#minimap-canvas{height:160px}#ability-panel{width:200px}.settings-card{width:min(94vw,700px)}.settings-content{grid-template-columns:1fr}.help-card{width:min(94vw,700px)}.help-content,.profile-summary,.profile-auth-grid{grid-template-columns:1fr}.profile-auth-grid button{justify-self:stretch}.profile-match{text-align:left;grid-template-columns:1fr}.admin-form{grid-template-columns:1fr}.admin-toggle{grid-column:span 1}.campaign-body{grid-template-columns:1fr}.campaign-command-bar{position:static}.admin-character-library{grid-template-columns:1fr}.start-card{width:min(96vw,720px)}.start-actions-home,.start-grid,.lobby-grid,#start-single .start-grid{grid-template-columns:1fr}#start-single .slot-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.start-card.wide{width:min(96vw,720px)}.map-library-grid,.map-editor-grid{grid-template-columns:1fr}.lobby-slot{flex-direction:column;align-items:flex-start}.slot-controls{justify-content:flex-start}}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--launcher-ui-scale:1;--launcher-ui-inverse:1;--font-body:"Sora", "Noto Sans", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans JP", "Noto Sans KR", "Noto Sans SC", "Segoe UI", sans-serif;--font-display:"Oxanium", "Orbitron", "Sora", sans-serif;--accent-rgb:108, 236, 255;--accent-secondary-rgb:255, 177, 97;--danger-rgb:255, 120, 145;--ink:#f4fbff;--ink-soft:#dcecffc2;--ink-muted:#a6bfdc9e;--panel-bg:#080f1ab3;--panel-bg-strong:#080d16d6;--panel-edge:#c4e3ff2e;--panel-border:#85c2ff42;--panel-glow:#46b0ff38;--shadow:#02061094;--accent:rgb(var(--accent-rgb));--accent-strong:rgb(var(--accent-secondary-rgb));--accent-soft:rgba(var(--accent-rgb), .16);--danger:rgb(var(--danger-rgb));--surface-0:#050a12eb;--surface-1:#080f1ab8;--surface-2:#0d1626ad;--surface-3:#ffffff0f;--surface-4:#ffffff14;--line-soft:#ffffff14;--line-strong:#97ceff52;--grid-line:#6ebeff14;--button-fill:#0a1322eb;--button-fill-active:#0e1a2ef5;--button-fg:#f2fbff;--button-fg-muted:#cadcee9e;--danger-ink:#fff0f4;--input-fill:#080e19eb;--input-fg:#eef7ff;--input-placeholder:#b9cee68f;--field-border:#88c6ff4d;--overlay-scrim:#0409105c;--app-backdrop:radial-gradient(circle at 12% 12%, #2a88ff4d, transparent 28%), radial-gradient(circle at 86% 10%, #3058d738, transparent 30%), radial-gradient(circle at 52% 76%, #05b9d629, transparent 28%), linear-gradient(140deg, #02050b 0%, #050912 34%, #08121d 62%, #04070d 100%);--app-backdrop-overlay:radial-gradient(circle at 26% 24%, #ffb16124, transparent 22%), radial-gradient(circle at 76% 70%, #6cecff1c, transparent 24%);--panel-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff05, 0 0 28px rgba(var(--accent-rgb), .08);--button-bg:linear-gradient(160deg, #ffffff17, #ffffff08), linear-gradient(145deg, #121f37e0, #09111feb);--button-bg-active:linear-gradient(160deg, rgba(var(--accent-rgb), .26), rgba(var(--accent-secondary-rgb), .14)), linear-gradient(145deg, #0f213af5, #08101df5);--button-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff05, 0 0 18px rgba(var(--accent-rgb), .08);--button-shadow-hover:inset 0 1px 0 #ffffff2e, 0 0 0 1px rgba(var(--accent-rgb), .18), 0 0 36px rgba(var(--accent-rgb), .12);--field-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff05;--input-bg:linear-gradient(180deg, #ffffff14, #ffffff08), #060c16c2}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--accent-rgb:38, 171, 222;--accent-secondary-rgb:238, 147, 63;--danger-rgb:216, 81, 124;--ink:#102130;--ink-soft:#1c3046d1;--ink-muted:#40556eb8;--panel-bg:#eff7ffeb;--panel-bg-strong:#fafdfff5;--panel-edge:#ffffffad;--panel-border:#599bcf47;--panel-glow:#4da7da29;--shadow:#54769833;--accent:rgb(var(--accent-rgb));--accent-strong:rgb(var(--accent-secondary-rgb));--accent-soft:rgba(var(--accent-rgb), .12);--danger:rgb(var(--danger-rgb));--button-fill:#12315bfa;--button-fill-active:#1d477efa;--button-fg:#f8fbff;--button-fg-muted:#e4eefab3;--danger-ink:#fff2f6;--input-fill:#fbfefffa;--input-fg:#10253a;--input-placeholder:#435f7c94;--field-border:#4f9ad557;--surface-0:#f4fafff2;--surface-1:#fafdffe6;--surface-2:#f2f8fff0;--surface-3:#ffffffc7;--surface-4:#fffffff0;--line-soft:#1d5a8b1f;--line-strong:#418ec452;--grid-line:#347eb80f;--overlay-scrim:#182e4a2e;--app-backdrop:radial-gradient(circle at 14% 10%, #78d3ff75, transparent 26%), radial-gradient(circle at 88% 14%, #ffcc9a5c, transparent 28%), radial-gradient(circle at 50% 80%, #81e1ff42, transparent 26%), linear-gradient(142deg, #eef7ff 0%, #dcefff 38%, #f6fbff 68%, #ecf7ff 100%);--app-backdrop-overlay:radial-gradient(circle at 28% 28%, #ffffff9e, transparent 22%), radial-gradient(circle at 76% 74%, #48ade51f, transparent 24%);--panel-shadow:inset 0 1px 0 #ffffff94, 0 0 0 1px #ffffff29, 0 0 22px #5b7ea21f;--button-bg:linear-gradient(160deg, #8dd2ff4d, #ffffff14), linear-gradient(145deg, #3e7bd5fa, #132b51fa);--button-bg-active:linear-gradient(160deg, rgba(var(--accent-rgb), .38), rgba(var(--accent-secondary-rgb), .24)), linear-gradient(145deg, #5397e7fa, #1c3862fa);--button-shadow:inset 0 1px 0 #ffffff47, 0 0 0 1px #ffffff14, 0 0 18px #4c9dd624;--button-shadow-hover:inset 0 1px 0 #ffffff5c, 0 0 0 1px rgba(var(--accent-rgb), .2), 0 0 36px rgba(var(--accent-rgb), .14);--field-shadow:inset 0 1px 0 #ffffff4d, 0 0 0 1px #ffffff14;--input-bg:linear-gradient(180deg, #ffffffe0, #ffffffb8), #ebf6ffeb}html{font-family:var(--font-body)}body:before,body:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}body:before{background:var(--app-backdrop-overlay);opacity:.95;filter:blur();animation:18s ease-in-out infinite alternate ui-shift}body:after{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);opacity:.58;background-size:38px 38px;transition:opacity .18s;-webkit-mask-image:radial-gradient(circle,#000 36%,#0000 94%);mask-image:radial-gradient(circle,#000 36%,#0000 94%)}#app{isolation:isolate}#app:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#ffffff05,#0000 18%),linear-gradient(#0000 76%,#ffffff05);position:absolute;inset:0}#game-canvas{z-index:1;position:relative}*{scrollbar-width:thin;scrollbar-color:rgba(var(--accent-rgb), .45) #ffffff0f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, rgba(var(--accent-rgb), .56), rgba(var(--accent-secondary-rgb), .56));background-clip:padding-box;border:2px solid #0000;border-radius:999px}::selection{background:rgba(var(--accent-rgb), .26);color:var(--ink)}.panel,.overlay-card,.start-action-group,.start-panel,.admin-section,.admin-builder-card,.settings-section,.help-section,.admin-video-library,.admin-user-card,.admin-feedback-card,.admin-character-image,.admin-video-item,.track-row,.track-group-header,.map-item,.start-changelog-entry,.map-preview,.campaign-command-bar{border:1px solid var(--panel-border);background:linear-gradient(155deg, #ffffff1f, #ffffff05 36%, #ffffff03 100%), linear-gradient(145deg, var(--panel-bg-strong), var(--panel-bg));box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(26px)saturate(150%);backdrop-filter:blur(26px)saturate(150%);border-radius:24px;position:relative;overflow:hidden}:root[data-theme=light] .panel,:root[data-theme=light] .overlay-card,:root[data-theme=light] .start-action-group,:root[data-theme=light] .start-panel,:root[data-theme=light] .admin-section,:root[data-theme=light] .settings-section,:root[data-theme=light] .admin-video-library,:root[data-theme=light] .admin-user-card,:root[data-theme=light] .admin-feedback-card,:root[data-theme=light] .track-row,:root[data-theme=light] .track-group-header,:root[data-theme=light] .map-item,:root[data-theme=light] .start-changelog-entry,:root[data-theme=light] .map-preview,:root[data-theme=light] .campaign-command-bar{box-shadow:var(--panel-shadow)}.panel:before,.overlay-card:before,.start-action-group:before,.start-panel:before,.admin-section:before,.admin-builder-card:before,.settings-section:before,.help-section:before,.admin-video-library:before,.admin-user-card:before,.admin-feedback-card:before,.admin-character-image:before,.admin-video-item:before,.track-row:before,.track-group-header:before,.map-item:before,.start-changelog-entry:before,.map-preview:before,.campaign-command-bar:before{content:"";background:radial-gradient(circle at top left, #ffffff29, transparent 28%), linear-gradient(180deg, rgba(var(--accent-rgb), .13), transparent 34%);pointer-events:none;opacity:.95;position:absolute;inset:0}.panel>*,.overlay-card>*,.start-action-group>*,.start-panel>*,.admin-section>*,.admin-builder-card>*,.settings-section>*,.help-section>*,.admin-video-library>*,.admin-user-card>*,.admin-feedback-card>*,.admin-character-image>*,.admin-video-item>*,.track-row>*,.track-group-header>*,.map-item>*,.start-changelog-entry>*,.map-preview>*,.campaign-command-bar>*{z-index:1;position:relative}.panel-title,.start-action-title,.admin-builder-section-title,.campaign-command-title,.track-group-label,.panel-subtitle,.start-changelog-date{font-family:var(--font-display)}.panel-title,.start-action-title{color:var(--accent);letter-spacing:.22em}.panel-subtitle,.admin-builder-section-title,.campaign-command-title,.start-changelog-meta,.admin-metric-label,.campaign-command-title,.command-priority-label{color:var(--ink-muted);letter-spacing:.16em}:where(.resource-action,.panel-toggle,#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.ping-button,.start-actions button,.start-toolbar button,.help-header button,.settings-header button,.settings-actions button,.playlist-controls button,.playlist-actions button,.track-actions button,.admin-actions button,.admin-log-actions button,.admin-tab,.campaign-tab,.admin-feedback-actions button,.admin-user-map-action,.voice-controls button,.chat-scope button,#chat-send,.map-library-actions button,.map-detail-actions button,.map-editor-actions button,.start-room-actions button,.profile-auth-grid button,.profile-auth-actions button,.feedback-actions button,.feedback-header button,.lobby-header button,.lobby-actions button,.admin-builder-item button,#match-secondary,#match-restart,#campaign-cutscene-skip,#campaign-briefing-start,#pause-vote,#pause-resume,#pause-surrender,.unsupported-actions button,.map-tool,.campaign-primary-action,.profile-auth-link,.slot-action){appearance:none;border:1px solid var(--line-strong);background-color:var(--button-fill);background-image:var(--button-bg);color:var(--button-fg);box-shadow:var(--button-shadow);text-align:center;text-shadow:0 1px 14px #00000042;border-radius:16px;justify-content:center;align-items:center;font-weight:700;line-height:1.05;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.resource-action,.panel-toggle,.start-actions button,.start-toolbar button,.changelog-modal-header button,.help-header button,.settings-header button,.settings-actions button,.playlist-controls button,.playlist-actions button,.track-actions button,.admin-actions button,.admin-log-actions button,.admin-tab,.campaign-tab,.admin-feedback-actions button,.admin-user-map-action,.voice-controls button,.chat-scope button,#chat-send,.map-library-actions button,.map-detail-actions button,.map-editor-actions button,.start-room-actions button,.profile-auth-grid button,.profile-auth-actions button,.feedback-actions button,.feedback-header button,.lobby-header button,.lobby-actions button,.admin-builder-item button,#match-secondary,#match-restart,#campaign-cutscene-skip,#campaign-briefing-start,#pause-vote,#pause-resume,#pause-surrender,.unsupported-actions button,.map-tool,.campaign-primary-action,.slot-action{color:var(--button-fg)}:where(.resource-action,.panel-toggle,#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.ping-button,.start-actions button,.start-toolbar button,.changelog-modal-header button,.help-header button,.settings-header button,.settings-actions button,.playlist-controls button,.playlist-actions button,.track-actions button,.admin-actions button,.admin-log-actions button,.admin-tab,.campaign-tab,.admin-feedback-actions button,.admin-user-map-action,.voice-controls button,.chat-scope button,#chat-send,.map-library-actions button,.map-detail-actions button,.map-editor-actions button,.start-room-actions button,.profile-auth-grid button,.profile-auth-actions button,.feedback-actions button,.feedback-header button,.lobby-header button,.lobby-actions button,.admin-builder-item button,#match-secondary,#match-restart,#campaign-cutscene-skip,#campaign-briefing-start,#pause-vote,#pause-resume,#pause-surrender,.unsupported-actions button,.map-tool,.campaign-primary-action,.slot-action):hover{border-color:rgba(var(--accent-rgb), .72);box-shadow:var(--button-shadow-hover);transform:translateY(-2px)}:where(.resource-action,.panel-toggle,#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.ping-button,.start-actions button,.start-toolbar button,.changelog-modal-header button,.help-header button,.settings-header button,.settings-actions button,.playlist-controls button,.playlist-actions button,.track-actions button,.admin-actions button,.admin-log-actions button,.admin-tab,.campaign-tab,.admin-feedback-actions button,.admin-user-map-action,.voice-controls button,.chat-scope button,#chat-send,.map-library-actions button,.map-detail-actions button,.map-editor-actions button,.start-room-actions button,.profile-auth-grid button,.profile-auth-actions button,.feedback-actions button,.feedback-header button,.lobby-header button,.lobby-actions button,.admin-builder-item button,#match-secondary,#match-restart,#campaign-cutscene-skip,#campaign-briefing-start,#pause-vote,#pause-resume,#pause-surrender,.unsupported-actions button,.map-tool,.campaign-primary-action,.profile-auth-link,.slot-action):focus-visible,:where(.settings-row input,.settings-row select,.playlist-controls input,.playlist-controls select,.start-form input,.start-form select,.start-form textarea,.start-panel input,.start-panel select,.start-panel textarea,.profile-auth-grid input,.profile-auth-grid select,.admin-form input,.admin-form select,.admin-form textarea,.feedback-card textarea,.admin-feedback-actions select,#chat-input):focus-visible{border-color:rgba(var(--accent-rgb), .86);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .16), 0 0 18px rgba(var(--accent-rgb), .12);outline:none}:where(button.active,button.is-active,.admin-tab.is-active,.campaign-tab.is-active,.map-item.selected,.admin-video-item.selected,.admin-character-item.selected,.map-tool.active){background-color:var(--button-fill-active);background-image:var(--button-bg-active);border-color:rgba(var(--accent-rgb), .82);box-shadow:inset 0 1px 0 #ffffff38, 0 0 0 1px rgba(var(--accent-rgb), .18), 0 0 22px rgba(var(--accent-rgb), .14);color:var(--button-fg)}:where(button:disabled,.resource-action:disabled,.campaign-primary-action:disabled){opacity:.48;color:var(--button-fg-muted);cursor:not-allowed;box-shadow:var(--button-shadow);transform:none}:where(.start-form input,.start-form select,.start-form textarea,.start-panel input,.start-panel select,.start-panel textarea,.profile-auth-grid input,.profile-auth-grid select,.admin-form input,.admin-form select,.admin-form textarea,.feedback-card textarea,.settings-row input[type=text],.settings-row input[type=password],.settings-row select,.playlist-controls input,.playlist-controls select,.admin-feedback-actions select,.slot-select,#chat-input){appearance:none;border:1px solid var(--field-border);background-color:var(--input-fill);background-image:var(--input-bg);color:var(--input-fg);box-shadow:var(--field-shadow);border-radius:16px}:where(.start-form input,.start-form select,.start-form textarea,.start-panel input,.start-panel select,.start-panel textarea,.profile-auth-grid input,.profile-auth-grid select,.admin-form input,.admin-form select,.admin-form textarea,.feedback-card textarea,.settings-row input[type=text],.settings-row input[type=password],.settings-row select,.playlist-controls input,.playlist-controls select,.admin-feedback-actions select,.slot-select,#chat-input)::placeholder{color:var(--input-placeholder);opacity:1}.start-form label,.start-panel label,.profile-auth-grid label,.admin-form label{flex-direction:column;gap:8px;display:flex}.start-form label>span,.start-panel label>span,.profile-auth-grid label>span,.admin-form label>span,#start-single .slot-label,#start-single .slot-title,.slot-name{color:var(--ink-soft)}.start-form label>span,.start-panel label>span,.profile-auth-grid label>span,.admin-form label>span,#start-single .slot-label{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.start-info,.slot-meta,.slot-toggle,.settings-row label,.settings-hint,.help-list,.profile-auth-hint{color:var(--ink-soft)}.slot-select{min-height:40px;padding:8px 10px;font-size:.82rem}.slot-action{min-height:38px;padding:8px 12px;font-size:.7rem}.slot-pill{border-width:1px;font-weight:700}.start-form input,.start-form select,.start-form textarea,.start-panel input,.start-panel select,.start-panel textarea,.profile-auth-grid input,.profile-auth-grid select,.admin-form input,.admin-form select,.admin-form textarea,.feedback-card textarea,.settings-row input[type=text],.settings-row input[type=password],.settings-row select,.playlist-controls input,.playlist-controls select,.admin-feedback-actions select,.slot-select,#chat-input{border:1px solid var(--field-border);background-color:var(--input-fill);background-image:var(--input-bg);color:var(--input-fg)}.start-form button,.start-panel button,.profile-auth-grid button,.profile-auth-actions button,.feedback-actions button,.feedback-header button,.lobby-actions button,.start-room-actions button,.slot-action{border:1px solid var(--line-strong);background-color:var(--button-fill);background-image:var(--button-bg);color:var(--button-fg)}.start-form button:hover,.start-panel button:hover,.profile-auth-grid button:hover,.profile-auth-actions button:hover,.feedback-actions button:hover,.feedback-header button:hover,.lobby-actions button:hover,.start-room-actions button:hover,.slot-action:hover{border-color:rgba(var(--accent-rgb), .72);box-shadow:var(--button-shadow-hover)}#start-single .lobby-slot.single-slot,.lobby-slot{border-color:rgba(var(--accent-rgb), .18);background:linear-gradient(160deg,#ffffff14,#ffffff05),linear-gradient(145deg,#091220d1,#070c16c2)}:root[data-theme=light] #start-single .lobby-slot.single-slot,:root[data-theme=light] .lobby-slot{background:linear-gradient(160deg,#ffffff8f,#fff3),linear-gradient(145deg,#dcecfaeb,#cfe4f7d1)}.lobby-slot .slot-info{flex:220px;min-width:0}.lobby-slot .slot-controls{flex:260px;justify-content:flex-end;align-items:flex-start;row-gap:8px}[data-theme-toggle]{min-width:104px}input[type=range],input[type=checkbox]{accent-color:var(--accent)}#hud{--hud-topbar-height:clamp(54px, 6.7vh, 70px);--hud-left-width:clamp(248px, 16.25vw, 306px);--hud-right-width:clamp(276px, 17.75vw, 336px);--hud-side-gap:clamp(10px, 1vh, 14px);--hud-rail-top-gap:clamp(26px, 2.8vh, 34px);--hud-rail-bottom:18px;--hud-rail-top:calc(var(--hud-topbar-height) + var(--hud-rail-top-gap));--hud-rail-height:calc(100dvh - var(--hud-rail-top) - var(--hud-rail-bottom));z-index:2;padding:16px}#resource-bar{border-radius:26px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 14px;padding:10px 12px;display:flex;top:16px;left:16px;right:16px}.hud-bar-group{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.hud-bar-stats{flex:0 620px}.hud-bar-actions{flex:780px;justify-content:flex-end;gap:6px 8px}.resource{border:1px solid var(--line-soft);background:linear-gradient(155deg,#ffffff1a,#ffffff05),#ffffff0a;border-radius:16px;align-items:baseline;gap:8px;min-width:96px;padding:7px 11px;box-shadow:inset 0 1px #ffffff14}:root[data-theme=light] .resource{background:linear-gradient(155deg,#ffffffbd,#ffffff4d),#ffffff8f;border-color:#418ec42e}.resource span:first-child{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);font-size:.54rem}.resource span:last-child{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.resource-status{flex:280px;min-width:min(100%,220px);max-width:clamp(220px,22vw,360px)}#status-value{color:var(--ink-soft);font-size:.8rem}.resource-action,.panel-toggle{letter-spacing:.12em;text-transform:uppercase;border-radius:14px;min-height:32px;padding:6px 10px;font-size:.58rem;font-weight:600}#pause-toggle,#single-start,#multi-host,#multi-join,#campaign-start,#tutorial-start,#lobby-start,#pause-resume,#match-restart,#campaign-briefing-start,.campaign-primary-action,.action-primary{background:linear-gradient(160deg, rgba(var(--accent-rgb), .28), rgba(var(--accent-secondary-rgb), .18)), linear-gradient(145deg, #0e1e35f0, #08101df0);border-color:rgba(var(--accent-rgb), .62)}:root[data-theme=light] #pause-toggle,:root[data-theme=light] #single-start,:root[data-theme=light] #multi-host,:root[data-theme=light] #multi-join,:root[data-theme=light] #campaign-start,:root[data-theme=light] #tutorial-start,:root[data-theme=light] #lobby-start,:root[data-theme=light] #pause-resume,:root[data-theme=light] #match-restart,:root[data-theme=light] #campaign-briefing-start,:root[data-theme=light] .campaign-primary-action,:root[data-theme=light] .action-primary{color:var(--button-fg)}#exit-to-menu,#pause-surrender,.admin-danger-action,#single-clear,#maps-delete,.admin-user-map-action.danger{border-color:rgba(var(--danger-rgb), .44);color:var(--danger-ink);background-image:linear-gradient(160deg, rgba(var(--danger-rgb), .28), rgba(var(--danger-rgb), .08)), linear-gradient(145deg, #4a1123f5, #220710f5)}#left-stack,#right-stack{top:var(--hud-rail-top);bottom:var(--hud-rail-bottom);max-height:var(--hud-rail-height);gap:var(--hud-side-gap);overscroll-behavior:contain;scrollbar-gutter:stable;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding-bottom:0;overflow:hidden auto}#left-stack{width:var(--hud-left-width);flex-direction:column;justify-content:flex-end;left:16px}#right-stack{width:var(--hud-right-width);justify-content:flex-start;align-items:stretch;padding-top:8px;padding-left:4px;right:16px}#selection-panel,#build-panel,#research-panel,#minimap-panel,#ability-panel,#chat-panel{border-radius:26px;width:100%;padding:14px}#selection-details,#build-queue,#research-status,#chat-messages,#scoreboard-list,#campaign-objectives-primary,#campaign-objectives-secondary,#tutorial-step-text{color:var(--ink-soft)}#selection-details{gap:10px;min-height:56px}#selection-panel,#build-panel,#ability-panel,#chat-panel{flex-direction:column;min-height:0;display:flex}#build-panel{order:1;min-height:clamp(318px,40vh,470px)}#selection-panel{flex:none;order:2;overflow:hidden}#research-panel{order:3;min-height:0}#research-panel[style*="display: block"]{flex-direction:column;display:flex!important}#command-buttons:empty:before,#build-buttons:empty:before,#research-buttons:empty:before,#build-queue:empty:before,#research-status:empty:before,#chat-messages:empty:before,#lobby-chat-messages:empty:before{color:var(--ink-muted);font-size:.78rem;line-height:1.45;display:block}#command-buttons:empty:before{content:"Select a ship, squadron, or station to reveal its command deck."}#build-buttons:empty:before{content:"Select a yard or construction ship to queue production."}#research-buttons:empty:before{content:"Select a research-capable station to manage upgrades."}#build-queue:empty:before{content:"No active production queue."}#research-status:empty:before{content:"No research program is active."}#chat-messages:empty:before,#lobby-chat-messages:empty:before{content:"No comms traffic yet."}.selection-row{background:rgba(var(--accent-rgb), .05);border:1px solid rgba(var(--accent-rgb), .14);border-radius:16px;padding:10px 12px;box-shadow:inset 0 1px #ffffff14}.selection-row-name{font-weight:600}.selection-row-stats{border-left:1px solid rgba(var(--accent-rgb), .12);color:var(--ink-soft);padding-left:10px}#command-buttons,#build-buttons,#research-buttons,#ability-buttons{gap:8px}#command-buttons,#build-buttons,#research-buttons{align-content:start}#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button{text-align:left;border-radius:16px;justify-content:flex-start;align-items:flex-start;min-height:clamp(38px,4.1vh,42px);padding:8px 10px;font-size:.7rem;font-weight:600;line-height:1.25}#command-buttons .command-priority{background:rgba(var(--accent-rgb), .05);border:1px solid rgba(var(--accent-rgb), .12);border-radius:18px;padding:8px 6px 2px}#command-buttons .command-priority select{background:var(--input-bg);border:1px solid var(--line-strong);color:var(--ink);border-radius:12px;min-height:34px}#command-buttons{max-height:min(32vh,354px);padding-right:2px;overflow-y:auto}#build-panel,#research-panel{max-height:min(44vh,500px);overflow:hidden}#build-buttons,#research-buttons{scrollbar-gutter:stable;flex:auto;padding:2px 6px 2px 2px;overflow-y:auto}#build-buttons button,#research-buttons button{z-index:0;position:relative;overflow:visible}#build-buttons button.active,#build-buttons button.is-active,#research-buttons button.active,#research-buttons button.is-active{z-index:2;border-color:rgba(var(--accent-rgb), .88);box-shadow:inset 0 1px 0 #ffffff38, 0 0 0 2px rgba(var(--accent-rgb), .86), 0 0 22px rgba(var(--accent-rgb), .18)}#build-queue,#research-status{scrollbar-gutter:stable;max-height:min(14vh,148px);padding-bottom:8px;padding-right:6px;overflow-y:auto}#ability-panel{max-height:min(18vh,168px);overflow-y:auto}.queue-item,.queue-empty{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:14px;padding:8px 10px}.queue-progress{background:#ffffff14;height:8px}.queue-progress-fill{background:linear-gradient(90deg, rgba(var(--accent-rgb), .92), rgba(var(--accent-secondary-rgb), .88))}.queue-cancel{border-radius:12px;padding:6px 10px}#minimap-canvas{border:1px solid var(--line-soft);background:radial-gradient(circle at center, rgba(var(--accent-rgb), .08), transparent 55%), #060c16db;border-radius:20px;height:clamp(198px,23.5vh,282px);box-shadow:inset 0 0 28px #0000003d}#minimap-panel{flex:none;order:1;margin-top:2px}#ability-panel{flex:none;order:2;margin-top:auto}#chat-panel{scrollbar-gutter:stable;flex:none;order:3;height:clamp(382px,42.5vh,490px);min-height:372px;max-height:min(54vh,516px);margin-top:12px;padding-bottom:16px;overflow:hidden}.voice-details,#chat-messages,#lobby-chat-messages{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:9px 10px}#chat-messages,#lobby-chat-messages{flex:120px;min-height:118px}#chat-input{min-height:38px}#voice-details{flex:none;max-height:min(15vh,136px);padding-bottom:10px;overflow-y:auto}#chat-resize-handle{flex:0 0 10px;margin-top:6px;margin-bottom:2px}#left-stack,#right-stack,#command-buttons,#build-buttons,#research-buttons,#build-queue,#research-status,#chat-panel,#voice-details,.settings-content,.admin-grid,.admin-user-list,.admin-feedback-list,.admin-user-detail{scrollbar-width:auto;scrollbar-color:rgba(var(--accent-rgb), .72) #ffffff14}#left-stack::-webkit-scrollbar{width:12px}#right-stack::-webkit-scrollbar{width:12px}#command-buttons::-webkit-scrollbar{width:12px}#build-buttons::-webkit-scrollbar{width:12px}#research-buttons::-webkit-scrollbar{width:12px}#build-queue::-webkit-scrollbar{width:12px}#research-status::-webkit-scrollbar{width:12px}#chat-panel::-webkit-scrollbar{width:12px}#voice-details::-webkit-scrollbar{width:12px}.settings-content::-webkit-scrollbar{width:12px}.admin-grid::-webkit-scrollbar{width:12px}.admin-user-list::-webkit-scrollbar{width:12px}.admin-feedback-list::-webkit-scrollbar{width:12px}.admin-user-detail::-webkit-scrollbar{width:12px}.voice-remote.is-empty{display:none}#scoreboard-panel,#campaign-panel,#tutorial-panel{border-radius:26px}#scoreboard-panel{top:calc(var(--hud-topbar-height) + 18px);width:min(390px,28vw);max-height:min(28vh,320px);left:50%;transform:translate(-50%)}#campaign-panel{top:calc(var(--hud-topbar-height) + 18px);right:calc(var(--hud-right-width) + 30px);width:min(360px,22vw);max-height:min(42vh,420px)}#tutorial-panel{width:min(560px,38vw);max-height:min(30vh,320px);bottom:18px;left:50%;transform:translate(-50%)}#tutorial-continue,#tutorial-exit{min-height:40px}#perf-overlay{top:calc(var(--hud-rail-top) + 8px);max-width:228px;color:var(--ink-soft);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff08, 0 0 18px rgba(var(--accent-rgb), .08);background:linear-gradient(#ffffff1a,#ffffff05),#060c16ad;border-radius:16px;font-size:.66rem;line-height:1.25;left:20px}:root[data-theme=light] #perf-overlay{color:var(--ink-soft);background:linear-gradient(#ffffffe6,#f0f7ffd1),#f5faffeb;border:1px solid #418ec42e;box-shadow:inset 0 1px #ffffff9e,0 0 0 1px #ffffff2e,0 0 18px #4c9dd61f}.overlay{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(14px)saturate(135%);backdrop-filter:blur(14px)saturate(135%)}#pause-overlay{-webkit-backdrop-filter:blur(10px)saturate(118%);backdrop-filter:blur(10px)saturate(118%)}:root[data-theme=light] #pause-overlay{background:#162c4824}:root[data-theme=light] #pause-overlay .pause-card{background:linear-gradient(#ffffffeb,#f2f8ffe0),#f7fbfff0;border-color:#418ec42e;box-shadow:inset 0 1px #ffffffb8,0 0 0 1px #ffffff2e,0 0 24px #4c9dd61f}.overlay:before{content:"";background:radial-gradient(circle at 18% 14%, rgba(var(--accent-rgb), .12), transparent 20%), radial-gradient(circle at 84% 12%, rgba(var(--accent-secondary-rgb), .09), transparent 22%), linear-gradient(180deg, #ffffff08, transparent 18%);pointer-events:none;position:absolute;inset:0}.overlay-card,.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.admin-card,.start-card{border-radius:30px;padding:22px}.overlay.visible .overlay-card{animation:.32s cubic-bezier(.2,.82,.2,1) both ui-rise}#start-overlay{justify-content:flex-start;align-items:stretch;padding:28px;overflow:hidden}#settings-overlay,#help-overlay,#profile-overlay,#feedback-overlay,#leaderboard-overlay,#admin-overlay{align-items:flex-start;padding-top:18px;padding-bottom:18px;overflow-y:auto}#start-overlay .start-card{width:min(calc(1480px * var(--launcher-ui-inverse)), calc(97vw * var(--launcher-ui-inverse)));height:calc((100dvh - 56px) * var(--launcher-ui-inverse));min-height:0;max-height:calc((100dvh - 56px) * var(--launcher-ui-inverse));gap:22px;margin:0 auto;overflow:hidden}#start-overlay .start-card,.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.changelog-card,#admin-overlay .admin-card{zoom:var(--launcher-ui-scale)}.start-toolbar{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-bottom:6px;display:flex;position:sticky;top:0}.start-screen.active{scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:20px;min-height:0;padding-bottom:14px;padding-right:6px;animation:.36s cubic-bezier(.18,.82,.18,1) both ui-sweep;display:flex;overflow-y:auto}.start-header{gap:10px;padding:4px 4px 0}.start-title{letter-spacing:.24em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 26px rgba(var(--accent-rgb), .1);font-size:clamp(1.65rem,2.7vw,2.8rem);line-height:.98}.start-subtitle{max-width:72ch;color:var(--ink-soft);font-size:.95rem}.start-hero{height:clamp(240px,31vw,360px);box-shadow:inset 0 0 0 1px #ffffff14, 0 0 28px rgba(var(--accent-rgb), .1);border-radius:28px}.start-hero:after{content:"";background:linear-gradient(180deg, transparent 28%, #040a128f 100%), radial-gradient(circle at top left, rgba(var(--accent-rgb), .16), transparent 28%);pointer-events:none;position:absolute;inset:0}.start-actions-home{gap:18px}.start-action-group{gap:14px;min-height:100%;padding:18px}.start-action-title{font-size:.72rem}.start-action-buttons{gap:10px}.start-action-buttons button{text-align:left;justify-content:flex-start;min-height:48px;font-size:.88rem}.start-panel{gap:14px;padding:18px 20px}.start-screen.active>.start-actions:not(.start-actions-home),#start-lobby .lobby-actions,#start-map-editor .map-editor-footer{z-index:3;background:linear-gradient(#070d1600 0%,#070d16b8 30%,#070d16f5 100%);margin-top:auto;padding-top:16px;padding-bottom:2px;position:sticky;bottom:-1px}:root[data-theme=light] .start-screen.active>.start-actions:not(.start-actions-home),:root[data-theme=light] #start-lobby .lobby-actions,:root[data-theme=light] #start-map-editor .map-editor-footer{background:linear-gradient(#f4faff00 0%,#f4faffc2 30%,#f4fafff7 100%)}.start-screen.active>.start-grid,.start-screen.active>.lobby-grid,.start-screen.active>.map-editor-grid{flex:auto;min-height:0}.start-changelog-list,.map-list,.campaign-list,.start-room-list,#single-slot-list,#lobby-slot-list,.admin-log,.admin-video-list,.admin-character-list,.admin-character-images,#profile-matches{padding-right:2px}.start-changelog-list{gap:12px;max-height:min(40vh,440px)}.start-changelog-entry{flex-direction:column;align-items:flex-start;gap:10px;height:max-content;padding:16px 18px;display:flex;overflow:visible}.start-changelog-date{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .16);border-radius:14px;align-items:center;min-height:42px;padding:10px 12px;display:inline-flex}.start-changelog-entry ul{color:var(--ink-soft);flex-direction:column;gap:6px;margin:0;padding-left:18px;font-size:.86rem;line-height:1.5;list-style:outside;display:flex}.start-changelog-entry li{color:var(--ink-soft)}.map-item,.admin-builder-item,.admin-user-map,.admin-feedback-card,.admin-user-card,.track-row,.track-group-header,.admin-character-item,.admin-video-item{border-radius:18px}.map-preview{min-height:220px}#start-maps .map-library-grid{grid-template-columns:minmax(420px,1.08fr) minmax(360px,.92fr);align-items:stretch}#start-maps .map-library-grid>.start-panel{min-height:0}#start-maps .map-library-grid>.start-panel:first-child,#start-maps .map-detail-panel{flex-direction:column;gap:16px;display:flex}#start-maps .map-filters{gap:14px}#start-maps .map-filter-toggles{flex-wrap:wrap;gap:10px 12px;display:flex}#start-maps .map-filter-toggles .start-toggle{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;flex-direction:row;flex:220px;justify-content:flex-start;align-items:center;gap:10px;min-height:44px;padding:10px 12px}#start-maps .map-library-actions{justify-content:flex-start;gap:12px}#start-maps .map-library-actions button{min-width:132px}#start-maps .map-list{flex:auto;min-height:0;max-height:none;margin-top:0;padding-right:4px}#start-maps .map-item{gap:8px;padding:12px 14px}#start-maps .map-preview-node.spawn{width:22px;min-width:22px;height:22px;box-shadow:0 0 0 1px rgba(var(--accent-rgb), .16), 0 0 18px rgba(var(--accent-rgb), .18);border-radius:50%;padding:0}#start-maps .map-detail{grid-template-columns:max-content minmax(0,1fr);align-content:start;gap:8px 14px;margin-top:0;display:grid}#start-maps .map-detail-row{display:contents}#start-maps .map-detail-row>span:last-child{text-align:right;color:var(--ink);justify-self:end}#start-maps .map-detail-row.description{border-top:1px solid #ffffff0f;flex-direction:column;grid-column:1/-1;gap:6px;margin-top:4px;padding-top:12px;display:flex}#start-maps .map-detail-row.description>span:first-child{color:var(--ink-muted)}#start-maps .map-detail-row.description>span:last-child{text-align:left;color:var(--ink-soft)}#start-maps .map-detail-actions{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:14px}#start-maps .map-detail-actions button{white-space:normal;flex:calc(20% - 7px);min-width:0;min-height:42px;line-height:1.12}.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card{width:min(calc(1440px * var(--launcher-ui-inverse)), calc(96vw * var(--launcher-ui-inverse)));max-height:calc((100dvh - 36px) * var(--launcher-ui-inverse));min-height:0}.settings-header,.help-header,.feedback-header{align-items:flex-start;margin-bottom:2px}.settings-content,.help-content{gap:18px;padding-right:2px}.settings-card{flex-direction:column;gap:18px;display:flex;overflow:hidden}.settings-header{z-index:4;background:linear-gradient(#070d16eb,#070d16b3 72%,#070d1600);padding-bottom:10px;position:sticky;top:0}:root[data-theme=light] .settings-header{background:linear-gradient(#f4fafffa,#f4faffd6 72%,#f4faff00)}.settings-content{scrollbar-gutter:stable;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;min-height:0;padding-bottom:22px;padding-right:6px;display:grid;overflow:auto}.settings-section{align-self:start;gap:14px;min-height:0;padding:16px 18px}#settings-overlay{scrollbar-gutter:stable}#settings-overlay .track-list{max-height:none;padding-right:0;overflow:visible}.settings-row{align-items:center;gap:12px}.settings-row label{min-width:110px;color:var(--ink-soft)}.settings-hint{color:var(--ink-muted)}.settings-toggle-grid{gap:12px 14px}.settings-toggle{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:16px;padding:10px 12px}.help-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.help-section{gap:12px}.help-list{color:var(--ink-soft);gap:8px}.profile-card{width:min(calc(1080px * var(--launcher-ui-inverse)), calc(94vw * var(--launcher-ui-inverse)));gap:18px}.profile-auth,.profile-summary,.profile-security,.feedback-card,.leaderboard-card{border-radius:24px}.profile-auth{background:#ffffff0a;border:1px solid #ffffff0f;padding:16px}.profile-auth-grid{gap:12px}.profile-match{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px}.feedback-card,.leaderboard-card{gap:18px}#admin-overlay .admin-card{width:min(calc(1560px * var(--launcher-ui-inverse)), calc(96vw * var(--launcher-ui-inverse)));max-height:calc((100dvh - 20px) * var(--launcher-ui-inverse));gap:20px;min-height:0}#admin-status{border:1px solid rgba(var(--accent-rgb), .16);background:linear-gradient(180deg, rgba(var(--accent-rgb), .12), rgba(var(--accent-rgb), .04)), #ffffff08;border-radius:16px;padding:10px 14px}.admin-tabs,.campaign-tabs{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff14,#ffffff05),#ffffff0a;border:1px solid #ffffff0f;border-radius:22px;flex-wrap:wrap;gap:10px;padding:8px;display:flex;position:sticky;top:0}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;grid-auto-flow:row;align-content:start;align-items:start;gap:18px;min-height:0;padding-bottom:16px;padding-right:6px;display:grid;overflow-y:auto}@media (width>=1760px){.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports selector(.admin-section:has(#admin-deploy-output)){:is(.admin-section:has(#admin-deploy-output),.admin-section:has(.admin-user-list),.admin-section:has(.admin-feedback-list),.admin-section:has(#admin-log-output),.admin-section:has(#admin-ice-trace-output),.admin-section:has(.admin-video-grid),.admin-section:has(.admin-character-library),.admin-section:has(.admin-builder-visual)){grid-column:1/-1}}.admin-section{border-radius:22px;align-self:start;gap:16px;min-height:0;padding:18px 20px}.admin-section .panel-subtitle{letter-spacing:.18em;color:var(--accent);font-size:.76rem}.admin-metric-card{background:linear-gradient(#ffffff14,#ffffff05),#060c168f;border-radius:18px;min-height:108px;padding:14px 15px}.admin-metric-value{font-size:1.5rem}.admin-form,.admin-video-controls,.admin-video-upload{gap:12px 14px}.admin-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-form input,.admin-form select,.admin-form textarea{border-radius:14px;min-height:42px;padding:10px 12px}.admin-actions,.admin-log-actions{flex-wrap:wrap;align-items:center;gap:10px}.admin-actions button,.admin-log-actions button{min-height:38px;padding:8px 12px}.admin-log{white-space:pre-wrap;word-break:break-word;background:linear-gradient(#ffffff0f,#ffffff05),#060c1685;border-radius:18px;min-height:88px;max-height:min(28vh,280px);padding:12px 14px;font-size:.82rem;line-height:1.45;overflow:auto}.admin-user-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;max-height:min(32vh,360px);padding-right:2px;overflow-y:auto}.admin-user-card,.admin-feedback-card{border-radius:18px;gap:8px;padding:14px 15px}.admin-toggle{gap:10px;font-size:.82rem}.admin-feedback-list,.admin-user-detail{max-height:min(30vh,320px);padding-right:2px;overflow-y:auto}.campaign-body{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:16px}.campaign-main{padding-right:2px}#admin-campaign-workspace:not(.mission-studio-open) .campaign-main{padding-bottom:clamp(148px,20vh,228px);scroll-padding-bottom:clamp(148px,20vh,228px)}.campaign-command-bar{border-radius:24px;gap:12px;padding:16px}#start-map-editor .map-editor-grid>.start-panel:last-child{scrollbar-gutter:stable;min-height:0;padding-bottom:12px;padding-right:6px;overflow-y:auto}#start-map-editor .map-editor-footer{flex-direction:column;gap:8px;display:flex}.campaign-primary-action{letter-spacing:.18em;min-height:58px;font-size:.84rem}.admin-builder-root,.admin-builder-visual{gap:14px}.admin-builder-item{background:linear-gradient(#ffffff14,#ffffff08),#060c1699;border:1px solid #ffffff12;border-radius:18px}.admin-builder-subitem,.admin-user-section{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px}.admin-character-library,.admin-video-grid{gap:14px}.admin-character-image img,.admin-video-player video,#campaign-cutscene-video{box-shadow:0 0 22px rgba(var(--accent-rgb), .1);border:1px solid #ffffff14;border-radius:18px}#campaign-cutscene-overlay.engine-mode .campaign-cutscene-card{box-shadow:none;background:linear-gradient(#ffffff0f,#ffffff03),#060c1633}#match-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(1.7rem,3vw,2.4rem)}#match-subtitle,#match-body,#reconnect-status,#pause-subtitle,#pause-timer,#campaign-briefing-objectives,.campaign-briefing-body,.after-action-list{color:var(--ink-soft)}@supports selector(body:has(#start-overlay.visible)){body:not(:has(#start-overlay.visible)):after{opacity:0}:is(body:has(#start-overlay.visible) #hud,body:has(#start-overlay.visible) #boot-overlay,body:has(#start-overlay.visible) #match-overlay,body:has(#start-overlay.visible) #pause-overlay,body:has(#start-overlay.visible) #reconnect-overlay,body:has(#start-overlay.visible) #campaign-briefing-overlay,body:has(#start-overlay.visible) #campaign-cutscene-overlay){opacity:0;pointer-events:none}body:has(#start-overlay.visible) #game-canvas{filter:blur(16px)saturate(.86)brightness(.92);transform:scale(1.02)}}.boot-card{width:min(480px,90vw)}.boot-progress{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;height:12px}.boot-progress-fill{background:linear-gradient(90deg, rgba(var(--accent-rgb), .94), rgba(var(--accent-secondary-rgb), .92));box-shadow:0 0 24px rgba(var(--accent-rgb), .22)}@media (width<=1360px){#hud{--hud-left-width:clamp(260px, 24vw, 320px);--hud-right-width:clamp(280px, 26vw, 340px)}#resource-bar{flex-direction:column}.hud-bar-actions{justify-content:flex-start}#campaign-panel{right:18px;top:calc(var(--hud-topbar-height) + clamp(210px, 25vh, 296px) + 34px);width:var(--hud-right-width)}#tutorial-panel{width:min(540px,46vw)}}@media (width<=1100px){#hud{--hud-left-width:min(300px, 38vw);--hud-right-width:min(320px, 42vw)}#scoreboard-panel{width:min(360px,48vw)}#campaign-panel{top:auto;bottom:18px;right:calc(var(--hud-right-width) + 34px);width:min(320px,34vw);max-height:min(32vh,300px)}#tutorial-panel{width:min(460px,40vw)}.campaign-body{grid-template-columns:1fr}.campaign-inspector{order:-1}#start-maps .map-library-grid{grid-template-columns:1fr}#start-maps .map-preview{height:clamp(220px,32vh,280px)}}@media (width<=960px){#hud{--hud-left-width:min(280px, 72vw);--hud-right-width:min(280px, 72vw);padding:14px}#resource-bar{padding:12px;top:14px;left:14px;right:14px}#left-stack,#right-stack{top:calc(var(--hud-topbar-height) + 20px);gap:10px}#left-stack{width:var(--hud-left-width);left:14px}#right-stack{width:var(--hud-right-width);padding-top:6px;right:14px}#scoreboard-panel{top:calc(var(--hud-topbar-height) + 20px);width:min(320px,62vw)}#campaign-panel{width:var(--hud-right-width);bottom:14px;right:14px}#tutorial-panel{width:min(320px,72vw);bottom:14px;left:14px;right:auto;transform:none}.settings-content,.help-content,.admin-grid{grid-template-columns:1fr}.start-changelog-date{width:fit-content}@supports selector(.admin-section:has(#admin-deploy-output)){:is(.admin-section:has(#admin-deploy-output),.admin-section:has(.admin-user-list),.admin-section:has(.admin-feedback-list),.admin-section:has(#admin-log-output),.admin-section:has(#admin-ice-trace-output),.admin-section:has(.admin-video-grid),.admin-section:has(.admin-character-library),.admin-section:has(.admin-builder-visual)){grid-column:auto}}}@media (height<=980px){#hud{--hud-topbar-height:52px;--hud-left-width:clamp(236px, 15.2vw, 290px);--hud-right-width:clamp(260px, 16.8vw, 318px);--hud-rail-top-gap:22px;--hud-rail-bottom:14px;padding:14px}#resource-bar{gap:8px 12px;padding:8px 10px;top:14px;left:14px;right:14px}.resource{padding:6px 10px}.resource span:last-child{font-size:.9rem}.resource-action,.panel-toggle{min-height:30px;padding:5px 8px;font-size:.54rem}#left-stack,#right-stack{top:var(--hud-rail-top);bottom:var(--hud-rail-bottom)}#selection-panel,#build-panel,#research-panel,#minimap-panel,#ability-panel,#chat-panel{padding:12px}#command-buttons{max-height:min(28vh,296px)}#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button{min-height:36px;padding:7px 9px;font-size:.66rem}#build-panel,#research-panel{max-height:min(46vh,420px)}#minimap-canvas{height:clamp(182px,21vh,232px)}#chat-panel{height:clamp(356px,39vh,452px);min-height:346px;max-height:min(50vh,474px)}#voice-details{max-height:min(13vh,116px)}#scoreboard-panel,#campaign-panel{top:calc(var(--hud-topbar-height) + 16px)}#perf-overlay{top:calc(var(--hud-rail-top) + 6px);left:18px}.settings-card,#admin-overlay .admin-card{padding:18px}.settings-content{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.resource{flex:calc(50% - 10px);min-width:0}.resource-status{flex-basis:100%}.hud-bar-actions{gap:8px}#left-stack,#right-stack{width:100%;position:static}#hud{padding-top:98px;overflow-y:auto}#scoreboard-panel,#campaign-panel,#tutorial-panel{width:100%;margin-top:10px;position:static;transform:none}#minimap-canvas{height:220px}#chat-panel{height:auto;max-height:none}#start-overlay{padding:16px}#start-overlay .start-card,.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,#admin-overlay .admin-card{border-radius:24px;width:min(100vw - 18px,100%);padding:18px}.start-toolbar{justify-content:stretch}.start-toolbar button{flex:calc(50% - 10px)}}@keyframes ui-rise{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ui-sweep{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-shift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,1%)scale(1.04)}}:root{--ui-density-scale:1;--hud-density-scale:1;--ui-safe-inline:16px;--ui-safe-block:16px;--ui-control-height:calc(38px * var(--ui-density-scale));--ui-panel-padding:calc(14px * var(--ui-density-scale));--ui-content-gap:calc(16px * var(--ui-density-scale));--ui-panel-radius:8px;--ui-control-radius:8px;--launcher-card-max:1680px;--modal-card-max:1500px;--admin-card-max:1840px;--hud-topbar-target:calc(62px * var(--hud-density-scale))}:root[data-ui-density=compact]{--launcher-card-max:1440px;--modal-card-max:1240px;--admin-card-max:1440px}:root[data-ui-density=expansive]{--launcher-card-max:2600px;--modal-card-max:2200px;--admin-card-max:3000px}body{background:linear-gradient(135deg,#2a3f576b,#0000 34%),linear-gradient(225deg,#66503547,#0000 32%),linear-gradient(#02060c 0%,#070d15 44%,#04070c 100%)!important}body:before{background:linear-gradient(90deg, rgba(var(--accent-rgb), .07), transparent 32%, rgba(var(--accent-secondary-rgb), .06)), linear-gradient(180deg, #ffffff09, transparent 22%);animation:none}body:after{opacity:.32;background-size:42px 42px;-webkit-mask-image:linear-gradient(#000 0% 60%,#0000 100%);mask-image:linear-gradient(#000 0% 60%,#0000 100%)}:root[data-theme=light] body{background:linear-gradient(135deg,#529fca42,#0000 34%),linear-gradient(225deg,#d9975438,#0000 32%),linear-gradient(#eef6fb 0%,#f7fbff 54%,#e9f3f9 100%)!important}:where(button,input,select,textarea){font:inherit}:where(.panel,.overlay-card,.start-action-group,.start-panel,.settings-section,.help-section,.admin-section,.admin-builder-card,.admin-video-library,.admin-user-card,.admin-feedback-card,.map-item,.map-preview,.track-row,.track-group-header,.lobby-slot,.campaign-command-bar){border-color:color-mix(in srgb, var(--panel-border) 78%, #ffffff2e);border-radius:var(--ui-panel-radius)!important}:where(.panel,.overlay-card,.start-action-group,.start-panel,.settings-section,.help-section,.admin-section,.admin-builder-card,.admin-video-library,.map-item,.track-row,.track-group-header,.lobby-slot,.campaign-command-bar){background:linear-gradient(180deg, #ffffff13, #ffffff06), color-mix(in srgb, var(--panel-bg-strong) 80%, #0c141edb);box-shadow:inset 0 1px #ffffff1f,0 12px 30px #0000003d}:root[data-theme=light] :where(.panel,.overlay-card,.start-action-group,.start-panel,.settings-section,.help-section,.admin-section,.admin-builder-card,.admin-video-library,.map-item,.track-row,.track-group-header,.lobby-slot,.campaign-command-bar){background:linear-gradient(180deg, #ffffffe6, #f6fbffbd), color-mix(in srgb, var(--panel-bg-strong) 74%, white)}:where(){opacity:.55}:where(button,.resource-action,.panel-toggle,#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.map-tool,.slot-action,.campaign-primary-action){overflow-wrap:anywhere;min-width:0;border-radius:var(--ui-control-radius)!important}:where(.start-form input,.start-form select,.start-form textarea,.start-panel input,.start-panel select,.start-panel textarea,.profile-auth-grid input,.profile-auth-grid select,.admin-form input,.admin-form select,.admin-form textarea,.feedback-card textarea,.settings-row input[type=text],.settings-row input[type=password],.settings-row select,.playlist-controls input,.playlist-controls select,.admin-feedback-actions select,.slot-select,#chat-input,#lobby-chat-input){min-height:var(--ui-control-height);border-radius:var(--ui-control-radius)!important}:where(.panel-title,.panel-subtitle,.start-title,.start-action-title,.admin-builder-section-title,.campaign-command-title){overflow-wrap:anywhere}.start-toggle,.settings-toggle,.admin-toggle,.slot-toggle,.track-toggle{align-items:center;flex-direction:row!important}#hud{--hud-topbar-height:var(--hud-topbar-target);--hud-left-width:clamp(278px, 15.6vw, 352px);--hud-right-width:clamp(306px, 17.25vw, 390px);--hud-rail-top-gap:calc(14px * var(--hud-density-scale));--hud-rail-bottom:var(--ui-safe-block);--hud-rail-top:calc(var(--ui-safe-block) + var(--hud-topbar-height) + var(--hud-rail-top-gap));--hud-rail-height:calc(100dvh - var(--hud-rail-top) - var(--hud-rail-bottom));padding:var(--ui-safe-block) var(--ui-safe-inline)}:root[data-ui-density=compact] #hud{--hud-left-width:clamp(252px, 18vw, 306px);--hud-right-width:clamp(278px, 19vw, 326px);--hud-topbar-height:56px}:root[data-ui-density=expansive] #hud{--hud-left-width:clamp(344px, 12vw, 420px);--hud-right-width:clamp(372px, 13vw, 460px)}#resource-bar{top:var(--ui-safe-block);right:var(--ui-safe-inline);left:var(--ui-safe-inline);min-height:var(--hud-topbar-height);max-height:var(--hud-topbar-height);grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px 16px;padding:8px 10px;display:grid;overflow:hidden}.hud-bar-stats,.hud-bar-actions{min-width:0}.hud-bar-stats{flex-wrap:nowrap}.hud-bar-actions{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-end;padding-bottom:2px;overflow:auto hidden}.hud-bar-actions::-webkit-scrollbar{display:none}.resource{border-radius:var(--ui-control-radius);min-width:0;padding:6px 9px}.resource-status{flex:0 clamp(260px,28vw,620px);max-width:clamp(260px,28vw,620px)}.resource-action,.panel-toggle{white-space:nowrap;flex:none;min-height:30px;padding:5px 8px}#left-stack,#right-stack{top:var(--hud-rail-top);bottom:var(--hud-rail-bottom);max-height:var(--hud-rail-height)}#left-stack{left:var(--ui-safe-inline);justify-content:flex-start}#right-stack{right:var(--ui-safe-inline)}#selection-panel{order:1}#build-panel{order:2}#research-panel{order:3}#selection-panel,#build-panel,#research-panel,#minimap-panel,#ability-panel,#chat-panel,#scoreboard-panel,#campaign-panel,#tutorial-panel{padding:var(--ui-panel-padding)}#selection-details{min-height:44px}#build-panel,#research-panel{min-height:0;max-height:clamp(300px,43dvh,560px)}#build-buttons,#research-buttons{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}#command-buttons,#ability-buttons{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button{min-height:calc(36px * var(--hud-density-scale));padding:7px 9px}#minimap-canvas{height:clamp(206px,23dvh,312px)}:root[data-ui-density=expansive] #minimap-canvas{height:clamp(320px,18dvh,430px)}#chat-panel{height:clamp(324px,36dvh,560px);min-height:clamp(300px,31dvh,390px);max-height:min(52dvh,620px)}#scoreboard-panel{top:calc(var(--hud-rail-top) + 4px)}#campaign-panel{top:calc(var(--hud-rail-top) + 4px);right:calc(var(--ui-safe-inline) + var(--hud-right-width) + 18px)}#tutorial-panel{bottom:var(--ui-safe-block)}.overlay{padding:var(--ui-safe-block) var(--ui-safe-inline)}#start-overlay{padding:var(--ui-safe-block) var(--ui-safe-inline);overflow:hidden}#settings-overlay,#help-overlay,#profile-overlay,#feedback-overlay,#leaderboard-overlay,#admin-overlay{padding:var(--ui-safe-block) var(--ui-safe-inline)}#start-overlay .start-card{width:min(calc(var(--launcher-card-max) * var(--launcher-ui-inverse)), calc((100vw - (var(--ui-safe-inline) * 2)) * var(--launcher-ui-inverse)));height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse));max-height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse));padding:calc(18px * var(--ui-density-scale));gap:var(--ui-content-gap)}.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.changelog-card{width:min(calc(var(--modal-card-max) * var(--launcher-ui-inverse)), calc((100vw - (var(--ui-safe-inline) * 2)) * var(--launcher-ui-inverse)));max-height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse))}#admin-overlay .admin-card{width:min(calc(var(--admin-card-max) * var(--launcher-ui-inverse)), calc((100vw - (var(--ui-safe-inline) * 2)) * var(--launcher-ui-inverse)));height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse));max-height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse))}.start-top-row{min-height:calc(var(--ui-control-height) + 12px);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(16px,2vw,32px);display:grid;overflow:visible}.start-brand{flex-direction:column;gap:6px;min-width:0;display:flex}.start-toolbar{scrollbar-width:none;flex-wrap:nowrap;align-items:flex-start;gap:8px;padding-bottom:10px;position:static;overflow:visible}.start-toolbar::-webkit-scrollbar{display:none}.start-toolbar button{min-height:var(--ui-control-height);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:visible}.start-screen.active{gap:var(--ui-content-gap)}.start-title{font-size:calc(2rem * var(--ui-density-scale));letter-spacing:.12em;line-height:1.05}.start-subtitle{max-width:86ch}#start-home.start-screen.active{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);grid-template-areas:"hero actions";align-content:start;display:grid}#start-home>.start-header{display:none}#start-home .start-hero{height:calc(292px * var(--ui-density-scale));grid-area:hero;min-height:220px;margin-top:0}:root[data-ui-density=expansive] #start-home .start-hero{height:390px}#start-home .start-actions-home{grid-area:actions;grid-template-columns:1fr;align-self:stretch;gap:12px;margin-top:0;display:grid}#start-home .start-action-group{min-height:0}#start-home>.start-changelog{display:none}.start-changelog-list{max-height:min(26dvh,360px)}#changelog-overlay{z-index:16;padding:var(--ui-safe-block) var(--ui-safe-inline)}#changelog-overlay.visible{display:flex}.changelog-card{width:min(calc(1320px * var(--launcher-ui-inverse)), calc((100vw - (var(--ui-safe-inline) * 2)) * var(--launcher-ui-inverse)));height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse));max-height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse));gap:var(--ui-content-gap);text-align:left;flex-direction:column;display:flex;overflow:hidden}.changelog-modal-header{flex:none;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.changelog-modal-header button{min-height:var(--ui-control-height);flex:none;min-width:112px}.changelog-modal-list{scrollbar-gutter:stable;text-align:left;flex:auto;max-height:none;overflow-y:auto}.changelog-modal-list .start-changelog-entry ul{text-align:left}:root[data-ui-density=compact] .start-changelog-list{max-height:min(22dvh,250px)}.start-grid,.lobby-grid,.map-editor-grid{gap:var(--ui-content-gap)}#start-maps .map-library-grid{grid-template-columns:minmax(380px,1.05fr) minmax(360px,.95fr)}#start-maps .map-filters{flex-direction:column;align-items:stretch;display:flex}#start-maps .map-filter-row{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}#start-maps .map-list{min-height:0}#start-maps .map-preview{height:clamp(240px,30dvh,430px)}#start-map-editor .map-editor-grid{flex:auto;grid-template-columns:minmax(520px,1.35fr) minmax(350px,.65fr);min-height:0}#start-map-editor .map-editor-grid>.start-panel:first-child{align-items:center}#start-map-editor .map-canvas{border-radius:var(--ui-panel-radius);width:min(100%,100dvh - 246px);max-width:100%;max-height:calc(100dvh - 246px)}:root[data-ui-density=expansive] #start-map-editor .map-canvas{width:min(100%,1280px);max-height:min(1280px,100dvh - 300px)}#start-map-editor .map-tool-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}#start-map-editor .map-legend{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.map-editor-footer{margin-top:auto}#start-single .slot-controls,.lobby-slot .slot-controls{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));align-items:end;width:100%;display:grid}.lobby-slot{align-items:stretch}.lobby-slot .slot-info{flex-basis:210px}#single-slot-list,#lobby-slot-list,.start-room-list,.campaign-list,.map-list{scrollbar-gutter:stable}.lobby-chat{min-height:250px}#lobby-chat-messages{min-height:128px}.settings-content,.help-content{gap:var(--ui-content-gap);grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.settings-content{grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));grid-auto-flow:dense;align-items:start;display:grid}.settings-section{width:100%;display:flex}.settings-section:nth-child(4),.settings-section:nth-child(7){grid-row:span 2}.settings-row:not(.settings-actions){grid-template-columns:minmax(100px,.34fr) minmax(0,1fr) auto;display:grid}.settings-row:not(.settings-actions) label{min-width:0}.settings-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.settings-actions button,.playlist-controls button,.playlist-actions button{white-space:nowrap;min-width:84px}.playlist-controls-labeled{grid-template-columns:minmax(100px,.24fr) minmax(0,1fr) auto auto;align-items:center;display:grid}.track-row,.track-toggle{min-width:0}.track-toggle span{overflow-wrap:anywhere;min-width:0}.profile-card,.feedback-card,.leaderboard-card{width:min(calc(1080px * var(--launcher-ui-inverse)), calc((100vw - (var(--ui-safe-inline) * 2)) * var(--launcher-ui-inverse)))}.profile-auth-grid,.admin-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.admin-span-2,.admin-builder-hint,.admin-actions.admin-span-2{grid-column:1/-1}.profile-auth-grid button{grid-column:auto}.profile-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.profile-match{grid-template-columns:minmax(150px,1fr) minmax(180px,1.4fr) auto}.admin-tab-panel.is-active{overflow:hidden}.admin-grid{gap:var(--ui-content-gap);grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}@media (width>=2400px){.admin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-section{min-width:0}.admin-actions button,.admin-log-actions button,.admin-tab,.campaign-tab{min-height:var(--ui-control-height)}.admin-log{max-height:min(30dvh,360px)}.admin-log-large{max-height:min(36dvh,480px)}.campaign-workspace{min-height:0}.campaign-body{gap:var(--ui-content-gap);grid-template-columns:minmax(0,1fr) minmax(300px,.34fr)}.campaign-main,.campaign-inspector{min-height:0}.campaign-command-bar{max-height:min(34dvh,390px);overflow-y:auto}@media (width>=1800px){.campaign-command-bar{grid-template-columns:minmax(280px,.85fr) repeat(3,minmax(0,1fr));align-items:start;display:grid}.campaign-command-group-primary{border-bottom:0;padding-bottom:0}}.admin-builder-grid,.admin-builder-grid-campaigns,.admin-video-grid,.admin-character-library{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.admin-character-images{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-character-image img{height:clamp(120px,16dvh,220px)}.admin-video-player video{max-height:min(34dvh,420px)}@media (height<=980px){:root{--ui-control-height:34px;--ui-panel-padding:11px;--ui-content-gap:12px}#start-home .start-hero{height:220px}.start-title{font-size:1.72rem}#chat-panel{height:clamp(306px,35dvh,430px);min-height:292px}#minimap-canvas{height:clamp(184px,22dvh,250px)}}@media (width<=1360px){#resource-bar{max-height:calc(var(--hud-topbar-height) + 36px);grid-template-columns:minmax(0,1fr)}.hud-bar-actions{justify-content:flex-start}#hud{--hud-rail-top:calc(var(--ui-safe-block) + var(--hud-topbar-height) + 48px)}#campaign-panel{right:var(--ui-safe-inline);width:var(--hud-right-width)}#start-home.start-screen.active{grid-template-columns:1fr;grid-template-areas:"hero""actions"}#start-home .start-actions-home{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}#start-maps .map-library-grid,#start-map-editor .map-editor-grid,.campaign-body{grid-template-columns:1fr}}@media (width<=960px){#resource-bar{max-height:none;position:absolute}.hud-bar-stats{flex-wrap:wrap}#hud{--hud-left-width:min(300px, 72vw);--hud-right-width:min(310px, 72vw)}.settings-row:not(.settings-actions),.playlist-controls-labeled,.profile-match{grid-template-columns:1fr}#start-overlay{overflow-y:auto}#start-overlay .start-card{height:auto;min-height:calc((100dvh - (var(--ui-safe-block) * 2)) * var(--launcher-ui-inverse))}}#resource-bar{grid-template-columns:minmax(max-content,auto) minmax(0,1fr)}.hud-bar-stats{flex:none;width:max-content}.hud-bar-stats .resource{flex:none;min-width:max-content}.hud-bar-stats .resource:not(.resource-status){min-width:clamp(104px,5.8vw,136px)}.hud-bar-stats .resource-status{flex:0 clamp(340px,26vw,640px);min-width:clamp(320px,23vw,520px);max-width:clamp(340px,26vw,640px)}.resource span:first-child,.resource span:last-child,.resource-action,.panel-toggle,#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.chat-scope button,#chat-send{overflow-wrap:normal;word-break:normal}.resource span:first-child,.resource span:last-child{flex:none}#command-buttons .command-priority{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:6px;padding:10px 8px 8px;display:grid}#command-buttons .command-priority-label{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;min-width:0;overflow:hidden}#command-buttons .command-priority-slot{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-width:0;display:grid}#command-buttons .command-priority-rank{text-align:right;min-width:1ch}#command-buttons .command-priority select{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;padding:5px 24px 5px 7px;overflow:hidden}#command-buttons{max-height:clamp(240px,34dvh,430px)}.chat-input{grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;display:grid}#chat-input{min-width:0}#chat-send{text-align:center;white-space:nowrap;flex:none;justify-content:center;min-width:76px}@media (width<=1360px){#resource-bar{grid-template-columns:minmax(0,1fr)}.hud-bar-stats{width:100%;max-width:none}}@media (width<=960px){.hud-bar-stats{flex-wrap:wrap;width:auto}.hud-bar-stats .resource-status{flex:min(100%,300px);min-width:min(100%,300px);max-width:none}}#start-home .start-hero{align-self:stretch;height:auto;min-height:clamp(420px,58dvh,720px)}#start-home .start-hero img{height:100%;min-height:inherit}#start-single.start-screen.active{overflow-y:auto}#start-single.start-screen.active>.start-grid{flex:none;align-items:start;min-height:max-content}#start-single .start-panel{align-self:start;overflow:visible}#start-single #single-slot-list{height:auto;max-height:min(52dvh,520px);overflow-y:auto}@media (height<=980px){#start-home .start-hero{min-height:clamp(320px,48dvh,520px)}}@media (width<=1360px){#start-home .start-hero{min-height:clamp(300px,42dvh,520px)}}#admin-overlay [data-admin-panel=overview].is-active{min-width:0}#admin-overlay [data-admin-panel=overview]>.admin-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-content:start;align-items:start;width:100%}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section{grid-column:span 4;min-width:0}@supports selector(.admin-section:has(#admin-stats-grid)){:is(#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-stats-grid),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-deploy-output),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ice-trace-output),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(.admin-user-list),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-log-output),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(.admin-feedback-list)){grid-column:1/-1}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-fog-toggle){grid-column:1/-1}#admin-overlay [data-admin-panel=overview]>.admin-grid:has(#admin-codex-status)>.admin-section:has(#admin-fog-toggle){grid-column:span 3}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-codex-status){grid-column:span 9}:is(#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ssl-status),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ice-status)){grid-column:span 6}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-stats-grid) .admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-stats-grid) .admin-metric-card{min-height:96px}}@media (width<=1500px){#admin-overlay [data-admin-panel=overview]>.admin-grid{grid-template-columns:repeat(6,minmax(0,1fr))}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section{grid-column:span 3}@supports selector(.admin-section:has(#admin-stats-grid)){:is(#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-fog-toggle),#admin-overlay [data-admin-panel=overview]>.admin-grid:has(#admin-codex-status)>.admin-section:has(#admin-fog-toggle),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-codex-status),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ssl-status),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ice-status)){grid-column:span 3}:is(#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-stats-grid),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-deploy-output),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ice-trace-output),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(.admin-user-list),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-log-output),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(.admin-feedback-list)){grid-column:1/-1}}}@media (width<=900px){#admin-overlay [data-admin-panel=overview]>.admin-grid{grid-template-columns:minmax(0,1fr)}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section{grid-column:1/-1}@supports selector(.admin-section:has(#admin-stats-grid)){:is(#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-fog-toggle),#admin-overlay [data-admin-panel=overview]>.admin-grid:has(#admin-codex-status)>.admin-section:has(#admin-fog-toggle),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-codex-status),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ssl-status),#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-ice-status)){grid-column:1/-1}#admin-overlay [data-admin-panel=overview]>.admin-grid>.admin-section:has(#admin-stats-grid) .admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}}}:root,:root[data-theme=dark]{--shell-bg:#071018;--shell-bg-deep:#04090e;--shell-surface:#0d1821;--shell-surface-raised:#12232e;--shell-surface-soft:#12232ebd;--shell-text:#edf5f4;--shell-text-soft:#adbec0;--shell-text-muted:#768f95;--shell-line:#a3c9ca29;--shell-line-strong:#7ae0cb61;--shell-accent:#6be3c5;--shell-accent-hover:#83ebd1;--shell-accent-ink:#04251f;--shell-warm:#ffb86b;--shell-danger:#ff7785;--shell-danger-bg:#ff5c701f;--shell-focus:#8ff5df;--shell-shadow:0 24px 70px #00000061;--shell-shadow-soft:0 12px 28px #00000038;--shell-radius-sm:8px;--shell-radius:12px;--shell-radius-lg:18px;--shell-font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ink:var(--shell-text);--ink-soft:var(--shell-text-soft);--ink-muted:var(--shell-text-muted);--panel-bg:#08121af0;--panel-bg-strong:#0b1821fa;--panel-border:var(--shell-line);--panel-edge:#ffffff0d;--panel-glow:#6be3c514;--accent:var(--shell-accent);--accent-strong:var(--shell-warm);--accent-soft:#6be3c51f;--danger:var(--shell-danger);--input-fill:#08131c;--input-fg:var(--shell-text);--input-placeholder:#60777d;--field-border:#a3c9ca33;--button-fg:var(--shell-text)}:root[data-theme=light]{--shell-bg:#e9f0ef;--shell-bg-deep:#dce7e5;--shell-surface:#f7faf9;--shell-surface-raised:#fff;--shell-surface-soft:#ffffffe6;--shell-text:#132a2e;--shell-text-soft:#4d676b;--shell-text-muted:#70878a;--shell-line:#20545626;--shell-line-strong:#128b7761;--shell-accent:#168e78;--shell-accent-hover:#0f7865;--shell-accent-ink:#fff;--shell-warm:#b76319;--shell-danger:#c94354;--shell-danger-bg:#c943541a;--shell-focus:#08745f;--shell-shadow:0 24px 70px #1c3b3d2e;--shell-shadow-soft:0 12px 28px #1c3b3d1f;--panel-bg:#f7faf9f5;--panel-bg-strong:#fffffffc;--panel-border:var(--shell-line);--panel-edge:#fff9;--panel-glow:#168e780f;--input-fill:#fff;--input-fg:var(--shell-text);--input-placeholder:#819396;--field-border:#20545633;--button-fg:#f8fffd}html,body,button,input,select,textarea{font-family:var(--shell-font)}body{color:var(--shell-text);background:var(--shell-bg-deep)!important}body:before,body:after{animation:none!important}body:before{background:radial-gradient(circle at 18% 8%,#6be3c514,#0000 30%),radial-gradient(circle at 82% 16%,#ffb86b0f,#0000 28%)}body:after{opacity:.12;background-size:52px 52px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:where(button,input,select,textarea):focus-visible{outline:2px solid var(--shell-focus);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--shell-focus) 18%, transparent)}:where(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.44}:where(button){border:1px solid var(--shell-line);background:var(--shell-surface-raised);min-height:40px;color:var(--shell-text);box-shadow:none;letter-spacing:.01em;text-transform:none;font-weight:650;transition:border-color .14s,background-color .14s,color .14s,transform .14s;border-radius:var(--shell-radius-sm)!important}:where(button):hover:not(:disabled){border-color:var(--shell-line-strong);background:color-mix(in srgb, var(--shell-surface-raised) 90%, var(--shell-accent) 10%);box-shadow:none;transform:translateY(-1px)}:where(button):active:not(:disabled){transform:translateY(0)}:where(input,select,textarea){border:1px solid var(--field-border);background:var(--input-fill);min-height:42px;color:var(--input-fg);box-shadow:inset 0 1px #ffffff06;border-radius:var(--shell-radius-sm)!important}:where(input,select,textarea):hover:not(:disabled){border-color:var(--shell-line-strong)}:where(.panel,.start-panel,.start-action-group,.settings-section,.help-section,.admin-section){border:1px solid var(--shell-line);background:var(--shell-surface-soft);box-shadow:var(--shell-shadow-soft);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);border-radius:var(--shell-radius)!important}:where(.panel,.start-panel,.start-action-group,.settings-section,.help-section,.admin-section):before,:where(.panel,.start-panel,.start-action-group,.settings-section,.help-section,.admin-section):after{opacity:.16}.panel-title,.panel-subtitle,.start-action-title,.admin-builder-section-title,.campaign-command-title{font-family:var(--shell-font);color:var(--shell-text);letter-spacing:.045em;text-transform:uppercase;font-weight:750}.panel-title{font-size:.82rem}.panel-subtitle,.start-action-title,.admin-builder-section-title,.campaign-command-title{color:var(--shell-text-muted);font-size:.7rem}.muted{color:var(--shell-text-soft)}#start-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#040a0ffa 0%,#040a0fe3 43%,#040a0fb8 100%),url(/gameimage.png) 50%/cover no-repeat;padding:0;position:fixed;inset:0;overflow:hidden}:root[data-theme=light] #start-overlay{background:linear-gradient(90deg,#edf4f2fa 0%,#edf4f2ed 48%,#edf4f2c7 100%),url(/gameimage.png) 50%/cover no-repeat}#start-overlay:before{background:linear-gradient(#6be3c50d,#0000 20%),radial-gradient(circle at 74% 12%,#ffb86b14,#0000 28%)}#start-overlay .start-card{border:0;zoom:1;background:#050c11d1;border-inline:1px solid #a3c9ca1a;gap:0;width:min(1600px,100vw);height:100dvh;min-height:100dvh;max-height:100dvh;margin:0 auto;padding:0;overflow:hidden;box-shadow:0 0 90px #0000008f;border-radius:0!important}:root[data-theme=light] #start-overlay .start-card{background:#eff5f4e6;box-shadow:0 0 90px #22484938}#start-overlay .start-card:before,#start-overlay .start-card:after{display:none}.start-top-row{z-index:10;border-bottom:1px solid var(--shell-line);background:color-mix(in srgb, var(--shell-bg) 90%, transparent);-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);flex:none;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:24px;min-height:72px;padding:12px clamp(20px,3vw,46px);display:grid;position:relative}.start-brand{grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:1px 12px;display:grid;position:relative}.start-brand-mark{border:1px solid var(--shell-line-strong);background:#6be3c514;border-radius:50%;grid-row:1/3;place-items:center;width:34px;height:34px;display:grid;position:relative}.start-brand-mark:before{content:"";border:2px solid var(--shell-accent);width:16px;height:16px;box-shadow:inset 0 0 0 3px var(--shell-bg);border-radius:50%}.start-brand-mark i{transform-origin:1px 16px;background:var(--shell-warm);width:2px;height:8px;position:absolute;top:1px;left:50%}.start-brand-mark i:nth-child(2){transform:rotate(120deg)}.start-brand-mark i:nth-child(3){transform:rotate(240deg)}.start-brand .start-title{letter-spacing:.08em;grid-column:2;font-size:.98rem;font-weight:780;line-height:1.2}.start-brand>.start-subtitle{display:none}.start-context-label{color:var(--shell-text-muted);letter-spacing:.08em;text-transform:uppercase;grid-column:2;font-size:.7rem}.start-toolbar{justify-content:flex-end;align-items:center;gap:7px;padding:0;display:flex;position:static;overflow:visible}.start-toolbar button{min-height:38px;color:var(--shell-text-soft);background:0 0;border-color:#0000;flex:none;padding:8px 11px;font-size:.78rem}.start-toolbar button:before,.start-action-buttons button[data-ui-glyph]:before{content:attr(data-ui-glyph);width:18px;height:18px;color:var(--shell-accent);place-items:center;margin-right:7px;font-size:.95rem;line-height:1;display:inline-grid}.start-toolbar button:hover:not(:disabled),.start-toolbar button[aria-pressed=true]{border-color:var(--shell-line);color:var(--shell-text);background:#6be3c512}.start-toolbar .start-nav-back{border-color:var(--shell-line);background:var(--shell-surface);color:var(--shell-text);margin-right:5px}.start-toolbar .start-nav-back[hidden]{display:none}.start-screen.active{scrollbar-gutter:stable;flex:auto;gap:18px;min-height:0;padding:24px clamp(20px,3vw,46px) 28px;animation:.22s both shell-screen-in;overflow:hidden auto}.start-header{flex:none;gap:5px;padding:0}.start-header .start-title,.start-screen>.start-title,.lobby-header .start-title{font-family:var(--shell-font);letter-spacing:-.035em;text-transform:none;color:var(--shell-text);text-shadow:none;font-size:clamp(1.65rem,2.5vw,2.35rem);font-weight:780;line-height:1.08}.start-subtitle{max-width:72ch;color:var(--shell-text-soft);font-size:.9rem;line-height:1.5}.start-panel,.start-action-group{gap:13px;padding:18px;overflow:visible}.start-panel:before,.start-panel:after,.start-action-group:before,.start-action-group:after{display:none}.start-panel label,.start-form label,.profile-auth-grid label,.admin-form label{color:var(--shell-text-muted);letter-spacing:.055em;text-transform:uppercase;gap:6px;font-size:.7rem;font-weight:700}.start-panel input,.start-panel select,.start-panel textarea,.start-form input,.start-form select,.start-form textarea,.profile-auth-grid input,.profile-auth-grid select{letter-spacing:normal;text-transform:none;width:100%;min-height:42px;padding:9px 11px;font-size:.86rem;font-weight:520}.start-info{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);height:auto;min-height:0;color:var(--shell-text-soft);background:#6be3c50b;flex:none;margin:0;padding:9px 11px;font-size:.78rem;line-height:1.4}.start-info:empty{display:none}.start-toggle,.settings-toggle,.admin-toggle{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:color-mix(in srgb, var(--shell-surface-raised) 64%, transparent);min-height:42px;color:var(--shell-text-soft);letter-spacing:normal;text-transform:none;padding:9px 11px;font-size:.8rem}.start-toggle input,.settings-toggle input,.admin-toggle input{appearance:auto;width:17px;height:17px;min-height:0;accent-color:var(--shell-accent)}#start-home.start-screen.active{grid-template:"hero actions"minmax(0,1fr)/minmax(0,1.55fr) minmax(360px,.82fr);align-items:stretch;display:grid;overflow:hidden}#start-home>.start-header,#start-home>.start-changelog{display:none}#start-home .start-hero{border:1px solid var(--shell-line);height:auto;min-height:0;box-shadow:var(--shell-shadow);grid-area:hero;margin:0;position:relative;overflow:hidden;border-radius:var(--shell-radius-lg)!important}#start-home .start-hero img{object-fit:cover;filter:saturate(.88)contrast(1.04)brightness(.82);width:100%;height:100%;min-height:0}#start-home .start-hero:after{background:linear-gradient(#0000 36%,#040a0fbd 100%),linear-gradient(90deg,#040a0f0f,#0000 60%)}#start-home .start-actions-home{flex-direction:column;grid-area:actions;align-self:stretch;gap:10px;min-height:0;margin:0;padding-right:3px;display:flex;overflow-y:auto}#start-home .start-action-group{background:color-mix(in srgb, var(--shell-surface) 92%, transparent);min-height:0;box-shadow:none;flex:none;padding:15px}#start-home .start-action-group:first-child{background:linear-gradient(145deg, #6be3c517, transparent 48%), color-mix(in srgb, var(--shell-surface) 96%, transparent);border-color:#6be3c547}.start-action-title{color:var(--shell-text-muted);margin:0}.start-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.start-action-buttons button{text-align:left;border-color:var(--shell-line);background:var(--shell-surface-raised);min-height:44px;color:var(--shell-text);justify-content:flex-start;padding:9px 11px;font-size:.8rem}.start-action-buttons button[data-ui-glyph]:before{flex:none}#start-home .start-action-buttons button.action-primary,#single-start,#multi-host,#multi-join,#lobby-start,#lobby-ready,#tutorial-start,#campaign-start{border-color:var(--shell-accent);background:var(--shell-accent);color:var(--shell-accent-ink);box-shadow:none;background-image:none}#start-home .start-action-buttons button.action-primary:before{color:currentColor}#start-home .start-action-buttons button.action-primary:hover:not(:disabled),#single-start:hover:not(:disabled),#multi-host:hover:not(:disabled),#multi-join:hover:not(:disabled),#lobby-start:hover:not(:disabled),#lobby-ready:hover:not(:disabled),#tutorial-start:hover:not(:disabled),#campaign-start:hover:not(:disabled){border-color:var(--shell-accent-hover);background:var(--shell-accent-hover);color:var(--shell-accent-ink);background-image:none}#start-admin-button{border-color:#ffb86b5c}#start-admin-button:before{color:var(--shell-warm)}#start-auth.start-screen.active{overflow-y:auto}#start-auth .profile-auth{border:1px solid var(--shell-line);border-radius:var(--shell-radius-lg);background:color-mix(in srgb, var(--shell-surface) 94%, transparent);box-shadow:var(--shell-shadow-soft);grid-template-columns:minmax(300px,.8fr) minmax(460px,1.2fr);grid-template-areas:"status status""login register""forgot register""forgot-status register-hint""actions actions""security security";align-items:start;gap:12px 18px;padding:18px;display:grid}#start-auth .profile-auth:has(#start-auth-register-section[style*="display: none"]){grid-template-columns:minmax(0,1fr);grid-template-areas:"status""login""forgot""forgot-status""actions""security";width:min(100%,620px);margin-inline:auto}#start-auth-login{width:100%}#start-auth-status{border-radius:var(--shell-radius-sm);border:1px solid var(--shell-line);background:#6be3c50f;grid-area:status;align-items:center;min-height:38px;padding:9px 11px;display:flex}#start-auth-login-section{grid-area:login;grid-template-columns:1fr;display:grid}.profile-auth-section-title{color:var(--shell-text);letter-spacing:-.01em;grid-column:1/-1;font-size:.92rem;font-weight:750}#start-auth-register-section{grid-area:register;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#start-auth-register,#start-auth-register-section label:first-of-type,#start-auth-register-section label:nth-of-type(3){grid-column:1/-1}#start-auth-forgot-toggle{min-height:34px;color:var(--shell-accent);background:0 0;border:0;grid-area:forgot;place-self:start;padding:6px 4px}#start-auth-forgot-section{grid-area:forgot;grid-template-columns:1fr;margin-top:44px}#start-auth-forgot-status{grid-area:forgot-status}#start-auth-register-hint{grid-area:register-hint}#start-auth .profile-auth-divider{display:none}#start-auth .profile-auth-actions{border-top:1px solid var(--shell-line);grid-area:actions;justify-content:flex-end;gap:8px;padding-top:12px;display:flex}#start-auth-security-section{grid-area:security}.start-grid,.lobby-grid,.map-editor-grid,.map-library-grid{gap:14px}#start-single.start-screen.active,#start-multi.start-screen.active,#start-lobby.start-screen.active{overscroll-behavior:contain;overflow:hidden auto}#start-single .start-grid,#start-multi .start-grid,#start-lobby .lobby-grid{flex:auto;align-items:stretch;min-height:0}#start-single .start-grid{grid-template-columns:minmax(320px,.68fr) minmax(360px,.78fr) minmax(560px,1.3fr);grid-template-areas:"commander deployment roster"}#start-single #single-commander-panel{grid-area:commander}#start-single .deployment-panel{grid-area:deployment}#start-single .start-grid>.start-panel:last-child{grid-area:roster}#start-single .start-grid>.start-panel{scrollbar-gutter:stable;align-self:stretch;min-width:0;min-height:0;overflow:hidden auto}#start-single .start-grid>.start-panel:first-child{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}#start-single .start-grid>.start-panel:first-child>.panel-subtitle,#single-map-browse,#single-map-info{grid-column:1/-1}#start-single #single-slot-list{height:auto;max-height:none;overflow:visible}#start-single .lobby-slot.single-slot,#start-lobby .lobby-slot{border:1px solid var(--shell-line);border-radius:var(--shell-radius);background:color-mix(in srgb, var(--shell-surface-raised) 70%, transparent);box-shadow:none}#start-single .slot-controls{grid-template-columns:repeat(3,minmax(112px,1fr))}#start-single .start-actions,#start-multi>.start-actions,#start-lobby .lobby-actions,#start-map-editor .map-editor-footer{border-top:1px solid var(--shell-line);background:0 0;flex:none;min-height:52px;margin:0;padding:10px 0 0;position:static}#start-single>.start-actions{justify-content:flex-end;display:flex}#start-single>.start-actions button,.lobby-actions button{min-width:118px}#start-overlay :is(.start-panel,.start-actions,.lobby-actions,.map-editor-footer) button:not(.map-node):not(.map-tool):not(#single-start):not(#multi-host):not(#multi-join):not(#lobby-start):not(#lobby-ready):not(#tutorial-start):not(#campaign-start){border-color:var(--shell-line);background:var(--shell-surface-raised);color:var(--shell-text);box-shadow:none;background-image:none}#start-overlay :is(.start-panel,.start-actions,.lobby-actions,.map-editor-footer) button:not(.map-node):not(.map-tool):not(#single-start):not(#multi-host):not(#multi-join):not(#lobby-start):not(#lobby-ready):not(#tutorial-start):not(#campaign-start):hover:not(:disabled){border-color:var(--shell-line-strong);background:color-mix(in srgb, var(--shell-surface-raised) 88%, var(--shell-accent) 12%);background-image:none}#single-back,#multi-back,#maps-back,#map-editor-back,#tutorial-back,#campaign-back,#stats-back{display:none}#start-multi .start-form{width:min(520px,100%);padding:0}#start-multi .start-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#start-multi .start-panel{scrollbar-gutter:stable;min-width:0;min-height:0;overflow:hidden auto}#start-multi .start-room-list{min-height:120px;max-height:none}#start-lobby .lobby-grid{grid-template-columns:minmax(270px,.54fr) minmax(360px,.72fr) minmax(540px,1.24fr);grid-template-areas:"settings deployment roster"}#start-lobby .lobby-grid>.start-panel:first-child{grid-area:settings}#start-lobby .lobby-grid>.start-panel:nth-child(2){grid-area:roster}#start-lobby .deployment-panel{grid-area:deployment}#start-lobby .lobby-grid>.start-panel,#start-lobby .lobby-chat{min-width:0;min-height:0;overflow:hidden auto}#start-lobby .lobby-chat{flex:none;max-height:250px}.lobby-header{flex:none}#lobby-leave{display:none}@media (width>=1401px){#start-single.start-screen.active>.start-grid,#start-multi.start-screen.active>.start-grid,#start-lobby.start-screen.active>.lobby-grid{flex:1 1 0;min-width:0;min-height:0}#start-single .start-grid>.start-panel,#start-multi .start-grid>.start-panel,#start-lobby .lobby-grid>.start-panel{max-width:100%;max-height:100%}}.deployment-panel{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex;overflow:hidden!important}.deployment-panel-header{flex:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.deployment-panel-header .panel-subtitle{margin:0 0 3px}.deployment-selection{min-height:1.1rem;font-size:.7rem;line-height:1.35}.deployment-live-badge{border:1px solid color-mix(in srgb, var(--shell-accent) 55%, transparent);background:color-mix(in srgb, var(--shell-accent) 10%, transparent);color:var(--shell-accent);letter-spacing:.14em;border-radius:999px;flex:none;padding:3px 7px;font-size:.56rem;font-weight:800}.deployment-participants{flex:none;gap:5px;min-width:0;max-width:100%;padding:1px 0 4px;display:grid;overflow:visible}.deployment-participant-picker-label{color:var(--shell-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.57rem;font-weight:800}.deployment-participant-control{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:color-mix(in srgb, var(--shell-surface-raised) 84%, transparent);grid-template-columns:30px minmax(0,1fr);align-items:center;min-width:0;transition:border-color .14s,box-shadow .14s;display:grid}.deployment-participant-control:focus-within{border-color:var(--shell-line-strong);box-shadow:0 0 0 2px color-mix(in srgb, var(--shell-accent) 20%, transparent)}#start-overlay .deployment-participant-select{border:0;border-left:1px solid var(--shell-line);border-radius:0 var(--shell-radius-sm) var(--shell-radius-sm) 0;width:100%;min-width:0;min-height:38px;color:var(--shell-text);box-shadow:none;background:0 0;margin:0;padding-block:6px;font-size:.72rem;font-weight:720}#start-overlay .deployment-participant-select:focus{box-shadow:none;outline:0}#start-overlay .deployment-participant-select:disabled{color:var(--shell-text-muted);cursor:default}.deployment-participant-swatch{border:1px solid #ffffff9e;border-radius:50%;justify-self:center;width:9px;height:9px;box-shadow:0 0 6px #00000080}.deployment-map{aspect-ratio:1;background:linear-gradient(#6be3c509 1px,#0000 1px) 0 0/10% 10%,linear-gradient(90deg,#6be3c509 1px,#0000 1px) 0 0/10% 10%,radial-gradient(circle,#1a5a6c26,#0000 64%),#050d15;flex:0 auto;align-self:center;width:min(100%,480px);height:auto;max-height:min(52vh,480px)}.deployment-map:after{content:"N";z-index:0;color:var(--shell-text-muted);letter-spacing:.12em;font-size:.55rem;font-weight:850;position:absolute;top:7px;left:50%;transform:translate(-50%)}.deployment-status{text-align:center;flex:none;min-height:2rem;padding-top:2px;font-size:.66rem;line-height:1.35}.setup-map-preview{aspect-ratio:1;align-self:center;width:min(100%,340px);height:auto;max-height:260px;margin-inline:auto}#start-single #single-commander-panel.is-deployment-selected,#start-single .lobby-slot.is-deployment-selected,#start-lobby .lobby-slot.is-deployment-selected{border-color:color-mix(in srgb, var(--shell-accent) 68%, var(--shell-line));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--shell-accent) 20%, transparent)}.deployment-map .map-preview-node:not(.deployment-map-spawn){pointer-events:none}#start-overlay .deployment-map-spawn{z-index:3;pointer-events:auto;cursor:pointer;transition:filter .14s,transform .14s}#start-overlay .deployment-map-spawn:hover:not(:disabled){filter:brightness(1.16);transform:translate(-50%,-50%)scale(1.16)}#start-overlay .deployment-map-spawn:focus-visible{outline-offset:3px;outline:2px solid #fff}#start-overlay .deployment-map-spawn:disabled{cursor:default;opacity:.82}.deployment-map-spawn.is-assigned:before{background:var(--deployment-player-color);filter:drop-shadow(0 0 6px var(--deployment-player-color))}.deployment-map-spawn.is-assigned:after{color:var(--deployment-number-color,#031b18);text-shadow:0 1px #ffffff59}.deployment-map-spawn.is-active-assignment{filter:drop-shadow(0 0 7px var(--deployment-player-color));transform:translate(-50%,-50%)scale(1.12)}.deployment-map-spawn.is-active-assignment:before{animation:1.7s ease-in-out infinite deployment-spawn-pulse}.deployment-map-owner{z-index:4;border:1px solid color-mix(in srgb, var(--deployment-player-color) 62%, transparent);color:#f3fbff;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#030a10e6;border-radius:999px;max-width:96px;padding:2px 5px;font-size:.54rem;font-weight:760;line-height:1.2;position:absolute;top:27px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes deployment-spawn-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.18)}}#start-campaign.start-screen.active{overflow:hidden}#start-campaign .campaign-workspace{flex:auto;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:stretch;min-width:0;min-height:0;display:grid}#start-campaign :is(.campaign-browser-panel,.campaign-detail-panel){min-width:0;min-height:0;padding:16px;overflow:hidden}#start-campaign .campaign-browser-panel,#start-campaign .campaign-detail-panel{flex-direction:column;gap:12px;display:flex}.campaign-browser-header{flex:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.campaign-progress-summary{overflow-wrap:anywhere;margin-top:5px;font-size:.78rem;line-height:1.35}#start-campaign .campaign-pack-picker-row{flex:none;margin:0}#start-campaign .campaign-pack-picker-row[hidden]{display:none}.campaign-progress-track{background:color-mix(in srgb, var(--shell-line) 76%, transparent);border-radius:999px;flex:none;width:100%;height:5px;overflow:hidden}.campaign-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--shell-accent), var(--shell-warm));width:0;height:100%;transition:width .22s;display:block}.campaign-list-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:auto;min-height:0;margin-inline-end:-5px;padding-inline-end:5px;overflow:hidden auto}#start-campaign .campaign-list{gap:14px}.campaign-episode-group{flex-direction:column;gap:6px;min-width:0;display:flex}.campaign-episode-heading{z-index:2;border-bottom:1px solid var(--shell-line);background:color-mix(in srgb, var(--shell-surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:end;gap:12px;min-width:0;padding:8px 6px 7px;display:flex;position:sticky;top:0}.campaign-episode-heading>div{min-width:0}.campaign-episode-heading h3{color:var(--shell-text);overflow-wrap:anywhere;margin:2px 0 0;font-size:.88rem;line-height:1.2}.campaign-episode-kicker,.campaign-episode-progress{color:var(--shell-text-muted);letter-spacing:.075em;text-transform:uppercase;font-size:.63rem;font-weight:720;line-height:1.25}.campaign-episode-progress{color:var(--shell-text-soft);white-space:nowrap;flex:none;padding-bottom:1px}.campaign-episode-missions{flex-direction:column;gap:5px;display:flex}#start-campaign .campaign-item{border-color:var(--shell-line);background:color-mix(in srgb, var(--shell-surface-raised) 82%, transparent);width:100%;min-height:54px;color:var(--shell-text);opacity:1;text-align:left;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;display:grid;position:relative}#start-campaign .campaign-item:before{content:"";background:0 0;border-radius:0 999px 999px 0;width:3px;position:absolute;inset-block:8px;inset-inline-start:0}#start-campaign .campaign-item:hover{border-color:var(--shell-line-strong)}#start-campaign .campaign-item:is(.active,.selected){border-color:color-mix(in srgb, var(--shell-accent) 68%, transparent);background:color-mix(in srgb, var(--shell-surface-raised) 82%, var(--shell-accent) 18%);box-shadow:none}#start-campaign .campaign-item:is(.active,.selected):before{background:var(--shell-accent)}#start-campaign .campaign-item.locked{border-color:color-mix(in srgb, var(--shell-line) 82%, transparent);background:color-mix(in srgb, var(--shell-surface) 74%, transparent);color:var(--shell-text-soft);opacity:1}.campaign-item-number{border:1px solid var(--shell-line);min-height:28px;color:var(--shell-accent);letter-spacing:.055em;background:#040c1152;border-radius:7px;place-items:center;font-size:.68rem;font-weight:760;display:inline-grid}.campaign-item.locked .campaign-item-number{color:var(--shell-text-muted)}.campaign-item-copy{min-width:0}#start-campaign .campaign-item-title{color:inherit;overflow-wrap:anywhere;font-size:.82rem;font-weight:680;line-height:1.25}.campaign-item-unlock{color:var(--shell-text-muted);margin-top:3px;font-size:.68rem;line-height:1.25}#start-campaign .campaign-badge{color:var(--shell-text-soft);white-space:nowrap;flex:none;justify-self:end}#start-campaign .campaign-badge.ready{border-color:color-mix(in srgb, var(--shell-accent) 48%, transparent);color:var(--shell-accent)}#start-campaign .campaign-badge.completed,#start-campaign .campaign-badge.victory{border-color:color-mix(in srgb, var(--shell-warm) 66%, transparent);color:var(--shell-warm)}#start-campaign .campaign-badge.progress{border-color:color-mix(in srgb, var(--shell-accent) 66%, transparent);color:var(--shell-accent)}#start-campaign .campaign-badge.locked{border-color:var(--shell-line);color:var(--shell-text-muted)}#start-campaign .campaign-detail-panel>.panel-subtitle{flex:none}#start-campaign .campaign-details{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;color:var(--shell-text);white-space:normal;flex:auto;padding-inline-end:5px;font-size:.84rem;line-height:1.48;overflow:hidden auto}.campaign-details-empty{text-align:center;place-items:center;min-height:220px;display:grid}.campaign-briefing{width:min(100%,920px);min-width:0}.campaign-detail-eyebrow{color:var(--shell-accent);letter-spacing:.065em;text-transform:uppercase;overflow-wrap:anywhere;margin-bottom:7px;font-size:.68rem;font-weight:740;line-height:1.35}.campaign-detail-heading{justify-content:space-between;align-items:flex-start;gap:14px;min-width:0;display:flex}.campaign-detail-heading h2{min-width:0;color:var(--shell-text);letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.4rem,2.5vw,2.15rem);line-height:1.08}.campaign-detail-summary{max-width:70ch;color:var(--shell-text-soft);overflow-wrap:anywhere;margin:12px 0 0;font-size:.96rem;line-height:1.55}.campaign-lock-notice{border:1px solid color-mix(in srgb, var(--shell-warm) 44%, transparent);border-radius:var(--shell-radius-sm);background:color-mix(in srgb, var(--shell-warm) 8%, transparent);color:color-mix(in srgb, var(--shell-warm) 82%, var(--shell-text) 18%);overflow-wrap:anywhere;margin-top:14px;padding:10px 12px}.campaign-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 0;display:grid}.campaign-detail-fact{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:color-mix(in srgb, var(--shell-surface-raised) 64%, transparent);min-width:0;padding:10px 11px}.campaign-detail-fact dt{color:var(--shell-text-muted);letter-spacing:.07em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:720;line-height:1.25}.campaign-detail-fact dd{color:var(--shell-text);overflow-wrap:anywhere;margin:5px 0 0;font-size:.82rem;font-weight:650;line-height:1.3}.campaign-detail-section{border-top:1px solid var(--shell-line);max-width:76ch;margin-top:20px;padding-top:17px}.campaign-detail-section h3{color:var(--shell-text);letter-spacing:.055em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:760}.campaign-detail-section>p{color:var(--shell-text-soft);overflow-wrap:anywhere;margin:0;line-height:1.55}.campaign-objective-preview ul{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.campaign-objective-preview li{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:color-mix(in srgb, var(--shell-surface-raised) 56%, transparent);grid-template-columns:74px minmax(0,1fr);gap:10px;padding:10px 11px;display:grid}.campaign-objective-preview li strong{color:var(--shell-text);overflow-wrap:anywhere;font-size:.82rem;line-height:1.35;display:block}.campaign-objective-preview li p{color:var(--shell-text-soft);overflow-wrap:anywhere;margin:3px 0 0;font-size:.76rem;line-height:1.4}.campaign-objective-type{border:1px solid var(--shell-line);color:var(--shell-text-muted);letter-spacing:.045em;text-align:center;text-transform:uppercase;border-radius:999px;align-self:start;padding:2px 5px;font-size:.57rem;font-weight:760}.campaign-objective-type.primary{border-color:color-mix(in srgb, var(--shell-accent) 48%, transparent);color:var(--shell-accent)}.campaign-detail-actions{border-top:1px solid var(--shell-line);background:0 0;flex:none;align-items:center;gap:10px;min-width:0;padding-top:12px;display:flex;position:static}.campaign-detail-actions .start-info{overflow-wrap:anywhere;flex:auto;min-width:0}.campaign-detail-actions .start-info[hidden]{display:none}#start-campaign #campaign-start{flex:none;min-width:164px;min-height:44px;margin-inline-start:auto;padding-inline:18px}#start-campaign .campaign-hidden-actions{display:none!important}#start-maps .map-library-grid{grid-template-columns:minmax(360px,.72fr) minmax(520px,1.28fr);min-height:0}#start-maps .map-list,#start-campaign .campaign-list,#start-stats .stats-list{scrollbar-gutter:stable}.map-item,.campaign-item,.start-room-item{border:1px solid var(--shell-line);background:var(--shell-surface-raised);box-shadow:none;border-radius:var(--shell-radius-sm)!important}.map-item.selected,.campaign-item.selected{border-color:var(--shell-accent);background:#6be3c514}.map-preview{border:1px solid var(--shell-line);background:#071018;box-shadow:inset 0 0 42px #00000057;border-radius:var(--shell-radius)!important}#start-map-editor .map-editor-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);min-height:0}#start-map-editor .map-editor-grid>.start-panel{min-height:0}#start-map-editor .map-editor-grid>.start-panel:last-child{scrollbar-gutter:stable;overflow-y:auto}.map-editor-mode,.campaign-tabs,.admin-tabs{border:1px solid var(--shell-line);background:color-mix(in srgb, var(--shell-surface) 92%, transparent);box-shadow:none;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.map-editor-mode button,.campaign-tab,.admin-tab{min-height:36px;color:var(--shell-text-soft);background:0 0;border-color:#0000}.map-editor-mode button.active,.campaign-tab.is-active,.admin-tab.is-active{border-color:var(--shell-line);background:var(--shell-surface-raised);color:var(--shell-text)}#settings-overlay,#help-overlay,#profile-overlay,#feedback-overlay,#leaderboard-overlay,#admin-overlay,#changelog-overlay{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(90%);backdrop-filter:blur(18px)saturate(90%);background:#02070ab3;justify-content:center;align-items:center;padding:20px;overflow:hidden}#admin-image-preview-overlay,#campaign-qa-cutscene-preview{z-index:1200;color:#dff8ff;font:inherit;letter-spacing:.04em;background:#081824f0;border:1px solid #79dcffb8;border-radius:.55rem;padding:.55rem .85rem;font-weight:700;position:fixed;top:5.25rem;left:50%;transform:translate(-50%);box-shadow:0 .45rem 1.5rem #0000006b}#campaign-qa-cutscene-preview:hover,#campaign-qa-cutscene-preview:focus-visible{background:#0f3044fa;border-color:#dff8ff}#admin-engine-cutscene-preview-overlay{z-index:60}:root[data-theme=light] :where(#settings-overlay,#help-overlay,#profile-overlay,#feedback-overlay,#leaderboard-overlay,#admin-overlay,#changelog-overlay){background:#12282a52}:where(.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.changelog-card,#admin-overlay .admin-card){zoom:1;border:1px solid var(--shell-line);background:var(--shell-bg);width:min(1440px,100vw - 40px);height:min(900px,100dvh - 40px);max-height:calc(100dvh - 40px);box-shadow:var(--shell-shadow);gap:0;padding:0;overflow:hidden;border-radius:var(--shell-radius-lg)!important}:where(.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.changelog-card,#admin-overlay .admin-card):before,:where(.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.changelog-card,#admin-overlay .admin-card):after{display:none}:where(.settings-header,.help-header,.feedback-header,.changelog-modal-header){z-index:5;border-bottom:1px solid var(--shell-line);background:var(--shell-surface);flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:72px;margin:0;padding:14px 20px;display:flex;position:relative}:where(.settings-header,.help-header,.feedback-header,.changelog-modal-header) .panel-title{color:var(--shell-text);letter-spacing:-.01em;text-transform:none;margin-bottom:3px;font-size:1rem}:where(.settings-header,.help-header,.feedback-header,.changelog-modal-header)>button,:where(.settings-header,.help-header,.feedback-header,.changelog-modal-header)>*>button{border-color:var(--shell-line);background:var(--shell-surface-raised);min-width:78px;color:var(--shell-text);background-image:none}.settings-card.settings-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:220px minmax(0,1fr);display:grid}.settings-shell .settings-header{grid-column:1/-1}.settings-nav,.admin-section-nav{border-right:1px solid var(--shell-line);background:color-mix(in srgb, var(--shell-surface) 86%, transparent);flex-direction:column;gap:4px;min-width:0;padding:14px 12px;display:flex;overflow-y:auto}.settings-nav__item,.admin-section-nav__item{text-align:left;background:0 0;border-color:#0000;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:54px;padding:9px 11px;display:flex}.settings-nav__item:hover:not(:disabled),.admin-section-nav__item:hover:not(:disabled){background:#6be3c50f;border-color:#0000}.settings-nav__item.is-active,.admin-section-nav__item.is-active{border-color:var(--shell-line-strong);background:#6be3c51a}.settings-nav__label,.admin-section-nav__label{color:var(--shell-text);font-size:.8rem;font-weight:720}.settings-nav__description,.admin-section-nav__description{color:var(--shell-text-muted);font-size:.68rem;font-weight:500}.settings-shell .settings-content{scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;min-width:0;min-height:0;padding:18px;display:grid;overflow-y:auto}.settings-shell[data-settings-category=general] .settings-content{grid-template-columns:repeat(2,minmax(280px,1fr))}.settings-shell[data-settings-category=music] .settings-content,.settings-shell[data-settings-category=graphics] .settings-content{grid-template-columns:minmax(0,1fr)}.settings-section{border-color:var(--shell-line);background:var(--shell-surface);min-width:0;box-shadow:none;background-image:none;align-self:start;gap:14px;padding:18px}#settings-overlay .settings-section button{border-color:var(--shell-line);background:var(--shell-surface-raised);color:var(--shell-text);box-shadow:none;background-image:none}#settings-overlay .settings-section button:hover:not(:disabled){border-color:var(--shell-line-strong);background:color-mix(in srgb, var(--shell-surface-raised) 88%, var(--shell-accent) 12%);background-image:none}.settings-section[hidden]{display:none!important}.settings-row{grid-template-columns:minmax(120px,.45fr) minmax(160px,1fr) auto;gap:12px;display:grid}.settings-row label{color:var(--shell-text-soft)}.settings-toggle-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;display:grid}.settings-toggle{min-height:44px}.settings-hint{color:var(--shell-text-muted);font-size:.76rem;line-height:1.5}.track-list{border-color:var(--shell-line);background:0 0}#settings-overlay .settings-shell[data-settings-category=music] .track-list{scrollbar-gutter:stable;min-height:170px;max-height:min(310px,34dvh);padding-right:5px;overflow-y:auto}.track-row,.track-group-header{border:1px solid var(--shell-line);background:var(--shell-surface-raised);box-shadow:none;border-radius:var(--shell-radius-sm)!important}.help-card.help-shell{grid-template-rows:auto auto minmax(0,1fr);display:grid}.help-tools{border-bottom:1px solid var(--shell-line);background:color-mix(in srgb, var(--shell-surface) 84%, transparent);align-items:center;gap:14px;padding:12px 20px;display:flex}.help-search{flex:auto;position:relative}.help-search:before{content:"⌕";z-index:1;color:var(--shell-text-muted);font-size:1rem;position:absolute;top:50%;left:13px;transform:translateY(-50%)}#help-search-input{width:100%;padding-left:38px}.help-result-status{text-align:right;flex:none;min-width:76px;font-size:.74rem}.help-shell .help-content{scrollbar-gutter:stable;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;min-height:0;padding:18px;display:grid;overflow-y:auto}.help-section{border-color:var(--shell-line);background:var(--shell-surface);min-width:0;box-shadow:none;background-image:none;align-self:start;gap:10px;padding:16px}.help-section[hidden]{display:none!important}.help-list{color:var(--shell-text-soft);gap:7px;font-size:.79rem;line-height:1.45}#admin-overlay .admin-card.admin-shell{grid-template-rows:auto auto auto minmax(0,1fr);width:min(1680px,100vw - 28px);height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);padding:0;display:grid}.admin-shell>.help-header{min-height:68px}.admin-shell>#admin-status{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:#6be3c50e;min-height:38px;margin:10px 16px 0;padding:8px 11px}.admin-shell>.admin-tabs{width:max-content;margin:10px 16px;position:static}.admin-shell>.admin-tab-panel{min-height:0;overflow:hidden}.admin-shell>.admin-tab-panel.is-active{display:block}.admin-shell [data-admin-panel=overview].is-active{grid-template-columns:210px minmax(0,1fr);min-height:0;display:grid}.admin-section-nav{border-top:1px solid var(--shell-line);min-height:0}.admin-shell .admin-grid{scrollbar-gutter:stable;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:max-content;grid-auto-flow:dense;align-content:start;gap:12px;min-width:0;min-height:0;padding:14px 16px 22px;display:grid;overflow-y:auto}.admin-shell .admin-section{min-width:0;min-height:0;box-shadow:none;grid-column:span 6;align-self:start;gap:13px;padding:16px}.admin-shell .admin-section[hidden]{display:none!important}.admin-shell [data-admin-group=overview] .admin-section:has(#admin-stats-grid){grid-column:span 9}.admin-shell [data-admin-group=overview] .admin-section:has(#admin-fog-toggle){grid-column:span 3}.admin-shell [data-admin-group=platform] .admin-section,.admin-shell [data-admin-group=network] .admin-section{grid-column:span 6}:is(.admin-shell [data-admin-group=community] .admin-section,.admin-shell [data-admin-group=logs] .admin-section,.admin-shell [data-admin-group=all] .admin-section:has(#admin-stats-grid),.admin-shell [data-admin-group=all] .admin-section:has(#admin-deploy-output),.admin-shell [data-admin-group=all] .admin-section:has(#admin-user-list),.admin-shell [data-admin-group=all] .admin-section:has(#admin-feedback-list),.admin-shell [data-admin-group=all] .admin-section:has(#admin-log-output)){grid-column:1/-1}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.admin-metric-card{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:var(--shell-surface-raised);min-height:88px;box-shadow:none;padding:12px}.admin-metric-value{color:var(--shell-text);font-variant-numeric:tabular-nums;font-size:1.35rem}.admin-form{gap:10px}.admin-form input,.admin-form select,.admin-form textarea{min-height:40px;padding:8px 10px}.admin-actions,.admin-log-actions{gap:7px}.admin-actions button,.admin-log-actions button{min-height:36px;padding:7px 10px;font-size:.76rem}.admin-danger-action,#admin-room-saves-wipe,#admin-saves-wipe,#admin-campaign-delete-pack,#single-clear{border-color:color-mix(in srgb, var(--shell-danger) 48%, transparent);background:var(--shell-danger-bg);color:var(--shell-danger)}.admin-log{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:var(--shell-bg-deep);color:var(--shell-text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;box-shadow:inset 0 1px #ffffff05}.admin-shell [data-admin-panel=campaign].is-active{height:100%;overflow:hidden}.admin-shell .campaign-workspace{height:100%;min-height:0;padding:0 16px 16px;overflow:hidden}.admin-shell .campaign-header{display:none}.admin-shell .campaign-tabs{flex:none;width:max-content;max-width:100%;overflow-x:auto}.admin-shell .campaign-body{gap:12px;min-height:0}.admin-shell .campaign-main,.admin-shell .campaign-inspector{scrollbar-gutter:stable;min-height:0}.profile-card,.feedback-card,.leaderboard-card,.changelog-card{flex-direction:column;padding:18px;display:flex;overflow-y:auto}.profile-auth,.profile-summary,.profile-security,.profile-match,.feedback-card textarea{border-color:var(--shell-line);background:var(--shell-surface);box-shadow:none;border-radius:var(--shell-radius)!important}@media (width<=1500px){.start-top-row{grid-template-columns:minmax(220px,1fr) auto;gap:16px}.start-toolbar button:not(.start-nav-back){width:40px;padding-inline:8px;font-size:0}.start-toolbar button:not(.start-nav-back):before{margin:0;font-size:1rem}}@media (width<=1400px){#start-single .start-grid{grid-template-columns:minmax(340px,.82fr) minmax(390px,1fr);grid-template-areas:"commander deployment""roster roster"}#start-lobby .lobby-grid{grid-template-columns:minmax(320px,.76fr) minmax(390px,1fr);grid-template-areas:"settings deployment""roster roster"}#start-single .start-grid>.start-panel:last-child,#start-lobby .lobby-grid>.start-panel:nth-child(2){max-height:280px}#start-single #single-slot-list,#start-lobby #lobby-slot-list{overflow-y:auto}.deployment-map{max-height:min(38vh,390px)}}@media (width>=1101px) and (width<=1400px){#start-single.start-screen.active,#start-lobby.start-screen.active{overflow:hidden auto}#start-single .start-grid,#start-lobby .lobby-grid{flex:none;grid-template-rows:auto auto;min-height:auto}#start-single #single-commander-panel,#start-single .deployment-panel{min-height:460px}#start-lobby .lobby-grid>.start-panel:first-child,#start-lobby .deployment-panel{min-height:420px}#start-single .start-grid>.start-panel:last-child,#start-lobby .lobby-grid>.start-panel:nth-child(2){min-height:240px}}@media (width<=1100px){.start-toolbar button{width:40px;padding-inline:8px;font-size:0}.start-toolbar button:before{margin:0;font-size:1rem}.start-toolbar .start-nav-back{width:auto;font-size:.76rem}.start-toolbar .start-nav-back:before{margin-right:6px}#start-home.start-screen.active{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}#start-single .start-grid,#start-lobby .lobby-grid{grid-template-columns:minmax(360px,.8fr) minmax(440px,1.2fr)}#start-single .slot-controls{grid-template-columns:repeat(2,minmax(112px,1fr))}.help-shell .help-content{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell [data-admin-panel=overview].is-active{grid-template-columns:180px minmax(0,1fr)}.admin-shell .admin-section{grid-column:1/-1}.admin-shell [data-admin-group=overview] .admin-section:has(#admin-stats-grid){grid-column:1/-1}.admin-shell [data-admin-group=overview] .admin-section:has(#admin-fog-toggle){grid-column:1/-1}}@media (width<=960px){#start-home .start-action-buttons,#start-single .start-grid,#start-multi .start-grid,#start-lobby .lobby-grid,#start-campaign .campaign-workspace,#start-maps .map-library-grid,#start-map-editor .map-editor-grid{grid-template-columns:minmax(0,1fr)}#start-campaign.start-screen.active{overflow:hidden auto}#start-campaign .campaign-workspace{flex:none;align-items:start;min-height:auto}#start-campaign .campaign-browser-panel{width:100%;height:min(520px,52dvh);min-height:360px}#start-campaign .campaign-detail-panel{width:100%;min-height:min(620px,72dvh)}#start-single .start-grid{grid-template-areas:"commander""deployment""roster"}#start-lobby .lobby-grid{grid-template-areas:"settings""deployment""roster"}#start-single.start-screen.active,#start-multi.start-screen.active,#start-lobby.start-screen.active{overflow:hidden auto}#start-single .start-grid,#start-multi .start-grid,#start-lobby .lobby-grid{flex:none;align-items:start;min-height:max-content}#start-single .start-grid>.start-panel,#start-multi .start-panel,#start-lobby .lobby-grid>.start-panel,#start-map-editor .map-editor-grid>.start-panel:last-child{overflow:visible}#start-single .start-grid>.start-panel:last-child,#start-lobby .lobby-grid>.start-panel:nth-child(2){max-height:none}.deployment-map{width:min(100%,520px);max-height:none}}@media (width<=820px){#start-overlay{overflow-y:auto}#start-overlay .start-card{width:100%;height:auto;min-height:100dvh;max-height:none;overflow:visible}.start-top-row{grid-template-columns:1fr auto;min-height:64px;padding:9px 14px;position:sticky;top:0}.start-brand{grid-template-columns:32px minmax(0,1fr)}.start-brand-mark{width:30px;height:30px}.start-brand .start-title{font-size:.86rem}.start-context-label{font-size:.62rem}.start-toolbar{max-width:228px;overflow-x:auto}.start-screen.active{min-height:calc(100dvh - 64px);padding:18px 14px 24px;overflow:visible}#start-home.start-screen.active{flex-direction:column;display:flex;overflow:visible}#start-home .start-hero{min-height:250px}#start-home .start-actions-home{overflow:visible}#start-auth .profile-auth{grid-template-columns:1fr;grid-template-areas:"status""login""forgot""forgot-status""register""register-hint""actions""security"}#start-single.start-screen.active,#start-multi.start-screen.active,#start-lobby.start-screen.active,#start-campaign.start-screen.active{overflow:visible}#start-single .start-grid,#start-multi .start-grid,#start-lobby .lobby-grid,#start-maps .map-library-grid,#start-map-editor .map-editor-grid{grid-template-columns:1fr}#start-single .start-grid>.start-panel,#start-multi .start-panel,#start-lobby .lobby-grid>.start-panel,#start-map-editor .map-editor-grid>.start-panel:last-child{overflow:visible}:where(.settings-card,.help-card,.profile-card,.feedback-card,.leaderboard-card,.changelog-card,#admin-overlay .admin-card){width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.settings-card.settings-shell{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr}.settings-nav,.admin-section-nav{border-right:0;border-bottom:1px solid var(--shell-line);flex-direction:row;padding:8px;overflow:auto hidden}.settings-nav__item,.admin-section-nav__item{flex:none;min-width:124px;min-height:44px}.settings-shell .settings-content,.settings-shell[data-settings-category=general] .settings-content,.help-shell .help-content{grid-template-columns:1fr;padding:12px}#admin-overlay .admin-card.admin-shell{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.admin-shell [data-admin-panel=overview].is-active{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.admin-shell .admin-grid{grid-template-columns:1fr;padding:10px}.admin-shell .admin-section{grid-column:1!important}}@media (width<=560px){.start-top-row{grid-template-columns:minmax(0,1fr);gap:7px;min-height:104px}.start-brand .start-title{white-space:nowrap}.start-toolbar{justify-content:flex-end;width:100%;max-width:none;overflow:visible}.start-screen.active{min-height:calc(100dvh - 104px)}#start-campaign .campaign-browser-panel{height:min(500px,58dvh);min-height:330px;padding:13px}#start-campaign .campaign-detail-panel{min-height:0;padding:13px}#start-campaign .campaign-item{grid-template-columns:42px minmax(0,1fr)}#start-campaign .campaign-item>.campaign-badge{grid-column:2;justify-self:start}.campaign-detail-heading{flex-direction:column;align-items:flex-start;gap:8px}.campaign-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-objective-preview li{grid-template-columns:minmax(0,1fr)}.campaign-objective-type{justify-self:start}.campaign-detail-actions{flex-direction:column;align-items:stretch}#start-campaign #campaign-start{width:100%}.start-action-buttons,#start-auth-register-section,#start-single .start-grid>.start-panel:first-child{grid-template-columns:1fr}#start-auth-register,#start-auth-register-section label:first-of-type,#start-auth-register-section label:nth-of-type(3),#start-single .start-grid>.start-panel:first-child>.panel-subtitle,#single-map-browse,#single-map-info{grid-column:1}.help-tools{flex-direction:column;align-items:stretch}.help-result-status{text-align:left}.settings-row{grid-template-columns:1fr}}#start-maps.start-screen.active,#start-map-editor.start-screen.active{gap:12px;padding-block:16px 18px;overflow:hidden}#start-maps .start-header,#start-map-editor .start-header{flex-direction:row;justify-content:space-between;align-items:center;gap:18px;display:flex}#start-maps .start-header .start-title,#start-map-editor .start-header .start-title{font-size:clamp(1.35rem,2vw,1.9rem)}.map-library-header-actions,.map-editor-header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.map-library-header-actions button,.map-editor-header-actions button{min-height:36px;padding:7px 12px}#maps-create,#map-editor-save,#map-gen-generate,#maps-use{border-color:color-mix(in srgb, var(--shell-accent) 72%, transparent)!important;background:var(--shell-accent)!important;color:var(--shell-accent-ink)!important}#start-maps .map-library-toolbar{box-shadow:none;flex:none;grid-template-columns:minmax(190px,1.35fr) minmax(520px,3fr) auto;align-items:end;gap:10px;padding:10px 12px;display:grid}#start-maps .map-library-toolbar label{gap:4px}#start-maps .map-library-toolbar label>span:first-child{color:var(--shell-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem;font-weight:700}#start-maps .map-library-toolbar :is(input,select){min-height:36px;padding-block:6px}#start-maps .map-library-toolbar .map-filter-row{grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px}#start-maps .map-library-toolbar .map-filter-toggles{align-items:center;gap:6px;padding-bottom:1px;display:flex}#start-maps .map-library-toolbar .map-filter-toggles .start-toggle{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:var(--shell-surface-raised);white-space:nowrap;flex:none;gap:7px;min-height:36px;padding:6px 9px}#start-maps .map-library-toolbar .map-filter-toggles .start-toggle span{color:var(--shell-text-soft);letter-spacing:0;text-transform:none;font-size:.7rem}#start-maps .map-library-grid{flex:auto;grid-template-columns:minmax(330px,.72fr) minmax(500px,1.28fr);align-items:stretch;gap:12px;min-height:0}#start-maps .map-library-grid>.start-panel{min-height:0;padding:12px;overflow:hidden}#start-maps .map-results-panel,#start-maps .map-detail-panel{flex-direction:column;gap:10px;display:flex}.map-results-heading,.map-detail-heading,.map-editor-workspace-heading,.map-editor-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.map-result-count,.map-detail-context,.map-editor-workspace-hint,.map-editor-section-heading .muted{color:var(--shell-text-muted);font-size:.7rem}#start-maps .map-list{flex:auto;min-height:0;max-height:none;margin:0;padding:0 5px 0 0;overflow-y:auto}#start-maps .map-group-title{z-index:2;background:color-mix(in srgb, var(--shell-surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:none;margin:0;padding:7px 4px 5px;position:sticky;top:-1px}#start-maps .map-item{flex:none;gap:3px;min-height:0;padding:9px 11px;overflow:visible}#start-maps .map-item-title{font-size:.82rem;line-height:1.25}#start-maps .map-item-meta{white-space:normal;font-size:.68rem;line-height:1.35}#start-maps .map-chip-row{gap:4px;margin-top:2px}#start-maps .map-chip{padding:1px 6px;font-size:.56rem}.map-list-empty{text-align:center;border:1px dashed var(--shell-line);border-radius:var(--shell-radius);place-items:center;min-height:160px;padding:20px;display:grid}.map-detail-title{color:var(--shell-text);margin-top:2px;font-size:1.05rem;font-weight:740}#start-maps .map-detail-body{flex:auto;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);align-items:start;gap:12px;min-height:0;display:grid}#start-maps .map-preview{aspect-ratio:1;align-self:start;width:100%;height:auto;min-height:0;max-height:none}.semantic-map-preview>.map-preview-node{z-index:1;position:absolute}#start-maps .map-detail{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;margin:0;display:grid;overflow-y:auto}#start-maps .map-detail-row{border:1px solid var(--shell-line);background:color-mix(in srgb, var(--shell-surface-raised) 72%, transparent);border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;padding:6px 8px;display:flex}#start-maps .map-detail-row>span:first-child{color:var(--shell-text-muted);letter-spacing:.075em;text-transform:uppercase;font-size:.56rem;font-weight:700}#start-maps .map-detail-row>span:last-child{max-width:100%;color:var(--shell-text);text-align:left;text-overflow:ellipsis;white-space:nowrap;justify-self:auto;font-size:.72rem;overflow:hidden}#start-maps .map-detail-row.description{border-top:1px solid var(--shell-line);flex-direction:column;grid-column:1/-1;gap:3px;margin:0;padding:7px 9px;display:flex}#start-maps .map-detail-row.description>span:last-child{color:var(--shell-text-soft);white-space:normal;line-height:1.35;overflow:visible}#start-maps .map-detail-actions{border-top:1px solid var(--shell-line);flex:none;align-items:center;gap:7px;margin:0;padding-top:9px;display:flex}#start-maps .map-detail-actions button{white-space:nowrap;flex:0 auto;min-width:0;min-height:36px;padding:7px 11px}#start-maps .map-detail-actions button[hidden]{display:none!important}#start-maps #maps-use{flex:auto}#start-maps #maps-detail-status{min-height:0;margin:0;font-size:.7rem}#start-maps>.start-actions{display:none}.map-editor-dirty{border:1px solid var(--shell-line);color:var(--shell-text-muted);white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:.68rem}.map-editor-dirty.is-dirty{border-color:color-mix(in srgb, var(--shell-warm) 58%, transparent);background:color-mix(in srgb, var(--shell-warm) 10%, transparent);color:var(--shell-warm)}#start-map-editor .map-editor-grid{flex:auto;grid-template-columns:minmax(520px,1.35fr) minmax(410px,.65fr);gap:12px;min-height:0;margin:0}#start-map-editor .map-editor-grid>.start-panel{min-height:0;padding:12px;overflow:hidden}#start-map-editor .map-editor-workspace{flex-direction:column;gap:9px;display:flex;align-items:stretch!important}#start-map-editor .map-editor-workspace-heading{flex:none}#start-map-editor .map-editor-mode{flex:none;padding:3px}#start-map-editor .map-editor-mode button{min-height:32px;padding:5px 10px;font-size:.68rem}#start-map-editor .map-canvas{aspect-ratio:1;border-radius:var(--shell-radius);flex:none;align-self:center;width:min(100%,100dvh - 350px);min-width:260px;max-width:100%;min-height:260px;max-height:none;box-shadow:inset 0 0 70px #00000057}#start-map-editor .map-canvas:before{opacity:.42;background-size:32px 32px}#start-map-editor .map-node{width:28px;min-width:0;height:28px;min-height:0;box-shadow:none;background:0 0;border:0;margin:0;padding:0;overflow:visible;transform:translate(-50%,-50%);border-radius:50%!important}#start-map-editor .map-node:hover{transform:translate(-50%,-50%)scale(1.16)}#start-map-editor .map-node.selected{z-index:3;box-shadow:0 0 0 3px #6be3c5ad,0 0 16px #6be3c59e}#start-map-editor .map-node:focus-visible{outline:2px solid var(--shell-accent);outline-offset:3px}#start-map-editor .map-node.spawn{width:28px;height:28px}#start-map-editor .map-node:before,#start-map-editor .map-node:after,.semantic-map-preview .map-preview-node:before,.semantic-map-preview .map-preview-node:after,#start-map-editor .map-legend-swatch:before,#start-map-editor .map-legend-swatch:after{content:"";pointer-events:none;position:absolute;top:50%;left:50%}.semantic-map-preview>.map-preview-node{background:0 0;border:0;border-radius:0;width:28px;min-width:28px;height:28px;padding:0;overflow:visible}#start-map-editor .map-legend-swatch{background:0 0;border:0;border-radius:0;width:24px;height:24px;position:relative}#start-map-editor .map-node.spawn:before,.semantic-map-preview .map-preview-node.spawn:before,#start-map-editor .map-legend-swatch.spawn:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 4px #6be3c5c7);background:linear-gradient(135deg,#a8ffe9,#38c9a8);width:17px;height:17px;transform:translate(-50%,-50%)}#start-map-editor .map-node.spawn:after,.semantic-map-preview .map-preview-node.spawn:after{content:attr(data-marker-label);color:#031b18;text-align:center;text-shadow:0 1px #ffffff6b;width:18px;font-size:9px;font-weight:900;line-height:18px;transform:translate(-50%,-50%)}#start-map-editor .map-node.asteroid:before,.semantic-map-preview .map-preview-node.asteroid:before,#start-map-editor .map-legend-swatch.asteroid:before{clip-path:polygon(24% 0,76% 8%,100% 40%,83% 91%,38% 100%,0 68%,7% 25%);filter:drop-shadow(0 0 3px #aab8c585);background:linear-gradient(145deg,#d0dae2,#718493);width:13px;height:12px;transform:translate(-50%,-50%)rotate(-8deg)}#start-map-editor .map-node.asteroidRich:before,.semantic-map-preview .map-preview-node.asteroidRich:before,#start-map-editor .map-legend-swatch.asteroidRich:before{clip-path:polygon(20% 0,72% 6%,100% 34%,88% 84%,53% 100%,9% 78%,0 31%);filter:drop-shadow(0 0 5px #f3b75bb3);background:linear-gradient(145deg,#ffe7a3,#d98a24);width:16px;height:15px;transform:translate(-50%,-50%)rotate(8deg)}#start-map-editor .map-node.asteroidRich:after,.semantic-map-preview .map-preview-node.asteroidRich:after,#start-map-editor .map-legend-swatch.asteroidRich:after{background:#fff3bd;border-radius:50%;width:4px;height:4px;transform:translate(-50%,-50%);box-shadow:0 0 5px #ffd164}#start-map-editor .map-node.gasGiantBlue:before,.semantic-map-preview .map-preview-node.gasGiantBlue:before,#start-map-editor .map-legend-swatch.gasGiantBlue:before,#start-map-editor .map-node.gasGiantPurple:before,.semantic-map-preview .map-preview-node.gasGiantPurple:before,#start-map-editor .map-legend-swatch.gasGiantPurple:before{border:1px solid var(--map-marker-color);background:radial-gradient(circle at 35% 28%, #e9f8ff 0 8%, var(--map-marker-color) 34%, #12263a 100%);width:19px;height:19px;box-shadow:0 0 7px color-mix(in srgb, var(--map-marker-color) 66%, transparent);border-radius:50%;transform:translate(-50%,-50%)}#start-map-editor .map-node.gasGiantBlue:after,.semantic-map-preview .map-preview-node.gasGiantBlue:after,#start-map-editor .map-legend-swatch.gasGiantBlue:after,#start-map-editor .map-node.gasGiantPurple:after,.semantic-map-preview .map-preview-node.gasGiantPurple:after,#start-map-editor .map-legend-swatch.gasGiantPurple:after{border:1px solid var(--map-marker-color);width:25px;height:7px;box-shadow:0 0 4px color-mix(in srgb, var(--map-marker-color) 58%, transparent);border-radius:50%;transform:translate(-50%,-50%)rotate(-14deg)}#start-map-editor .map-node.gasGiantBlue,.semantic-map-preview .map-preview-node.gasGiantBlue,#start-map-editor .map-legend-swatch.gasGiantBlue{--map-marker-color:#56a8ff}#start-map-editor .map-node.gasGiantPurple,.semantic-map-preview .map-preview-node.gasGiantPurple,#start-map-editor .map-legend-swatch.gasGiantPurple{--map-marker-color:#b989ff}#start-map-editor .map-node.nebulaIon:before,.semantic-map-preview .map-preview-node.nebulaIon:before,#start-map-editor .map-legend-swatch.nebulaIon:before{background:#45d7e870;border:1px solid #45d7e8;border-radius:55% 45% 52% 48%;width:15px;height:12px;transform:translate(-50%,-50%);box-shadow:-5px 2px 0 -1px #45d7e87a,5px 2px 0 -1px #45d7e87a,0 0 8px #45d7e8b8}#start-map-editor .map-node.nebulaIon:after,.semantic-map-preview .map-preview-node.nebulaIon:after,#start-map-editor .map-legend-swatch.nebulaIon:after{content:"ϟ";color:#e7feff;text-shadow:0 0 4px #45d7e8;font-size:10px;font-weight:900;transform:translate(-50%,-52%)}#start-map-editor .map-node.nebulaRadiation:before,.semantic-map-preview .map-preview-node.nebulaRadiation:before,#start-map-editor .map-legend-swatch.nebulaRadiation:before{clip-path:polygon(50% 0,61% 31%,86% 14%,70% 39%,100% 50%,69% 61%,86% 86%,61% 70%,50% 100%,39% 70%,14% 86%,30% 61%,0 50%,31% 39%,14% 14%,39% 31%);filter:drop-shadow(0 0 5px #ff6f91c7);background:radial-gradient(circle,#ffe6a8 0 15%,#ff6f91 38%,#bd315f 72%);width:19px;height:19px;transform:translate(-50%,-50%)}#start-map-editor .map-node.nebulaRadiation:after,.semantic-map-preview .map-preview-node.nebulaRadiation:after,#start-map-editor .map-legend-swatch.nebulaRadiation:after{border:1px solid #fff4c9;border-radius:50%;width:5px;height:5px;transform:translate(-50%,-50%)}#start-map-editor #map-editor-status{text-align:center;flex:none;min-height:0;margin:0;font-size:.7rem}#start-map-editor .map-editor-inspector{scrollbar-gutter:stable;flex-direction:column;align-items:stretch;gap:11px;display:flex;overflow-y:auto!important}.map-editor-identity,.map-editor-section,.map-editor-validation,.map-editor-legend-details{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);background:color-mix(in srgb, var(--shell-surface-raised) 54%, transparent);flex:none;padding:10px}.map-editor-identity-grid{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px;display:grid}.map-editor-identity-grid label{gap:4px}.map-editor-identity-grid :is(input,textarea){min-height:36px}.map-editor-description-field{grid-column:1/-1}.map-editor-description-field textarea{resize:vertical;height:48px;min-height:48px;max-height:72px}.map-editor-public-toggle{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);align-self:end;min-height:36px;padding:7px 9px}#start-map-editor .map-editor-section{gap:9px}.map-generator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.map-generator-grid label,.map-manual-options label{gap:3px;min-width:0}.map-generator-grid label>span,.map-manual-options label>span,.map-editor-identity-grid label>span{color:var(--shell-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;line-height:1.2;overflow:hidden}.map-generator-grid :is(input,select),.map-manual-options select{min-height:34px;padding:5px 7px;font-size:.72rem}.map-generator-central-toggle{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);align-self:end;min-height:34px;padding:6px 8px}#map-gen-generate{width:100%;min-height:38px}.map-manual-options{grid-template-columns:minmax(116px,1fr) auto;align-items:end;gap:7px;display:grid}.map-manual-options .start-toggle{border:1px solid var(--shell-line);border-radius:var(--shell-radius-sm);min-height:34px;padding:5px 7px}#start-map-editor .map-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#start-map-editor .map-tool{text-align:left;text-overflow:ellipsis;text-transform:none;white-space:nowrap;min-height:36px;padding:6px 7px 6px 18px;font-size:.6rem;line-height:1.15;position:relative;overflow:hidden}#start-map-editor .map-tool:before{content:"";opacity:1;background:0 0;border:0;border-radius:0;width:12px;height:12px;position:absolute;top:50%;left:9px;transform:translate(-50%,-50%)}#start-map-editor .map-tool[data-tool=select]:before{content:"⌖";color:#aab8c5;width:auto;height:auto;font-size:15px;line-height:1}#start-map-editor .map-tool[data-tool=erase]:before{content:"×";color:#ff6f91;width:auto;height:auto;font-size:18px;font-weight:900;line-height:1}#start-map-editor .map-tool-spawn:before{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 3px #6be3c5b3);background:#6be3c5}#start-map-editor .map-tool-asteroid:before{clip-path:polygon(24% 0,76% 8%,100% 40%,83% 91%,38% 100%,0 68%,7% 25%);background:#aab8c5;transform:translate(-50%,-50%)rotate(-8deg)}#start-map-editor .map-tool-asteroidRich:before{clip-path:polygon(20% 0,72% 6%,100% 34%,88% 84%,53% 100%,9% 78%,0 31%);filter:drop-shadow(0 0 3px #f3b75bb8);background:#f3b75b;width:13px;height:13px}#start-map-editor .map-tool-gasGiantBlue:before,#start-map-editor .map-tool-gasGiantPurple:before{border:2px solid var(--map-tool-marker-color);background:color-mix(in srgb, var(--map-tool-marker-color) 38%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--map-tool-marker-color) 32%, transparent), 0 0 5px color-mix(in srgb, var(--map-tool-marker-color) 55%, transparent);border-radius:50%}#start-map-editor .map-tool-gasGiantBlue{--map-tool-marker-color:#56a8ff}#start-map-editor .map-tool-gasGiantPurple{--map-tool-marker-color:#b989ff}#start-map-editor .map-tool-nebulaIon:before{background:#45d7e86b;border:1px solid #45d7e8;border-radius:55% 45% 52% 48%;box-shadow:-3px 2px 0 -1px #45d7e880,3px 2px 0 -1px #45d7e880}#start-map-editor .map-tool-nebulaRadiation:before{clip-path:polygon(50% 0,61% 31%,86% 14%,70% 39%,100% 50%,69% 61%,86% 86%,61% 70%,50% 100%,39% 70%,14% 86%,30% 61%,0 50%,31% 39%,14% 14%,39% 31%);filter:drop-shadow(0 0 3px #ff6f91b8);background:#ff6f91;width:14px;height:14px}#start-map-editor .map-tool.active{border-color:var(--shell-accent);color:var(--shell-accent);background:#6be3c51f}#map-editor-selected{min-height:0;font-size:.68rem}#map-editor-remove{min-height:34px;padding:5px 9px}.map-editor-validation-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px;display:grid}.map-editor-validation-row{min-width:0;color:var(--shell-text-soft);align-items:center;gap:6px;font-size:.64rem;display:flex}.map-editor-validation-row>span:first-child{border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:.62rem;font-weight:800;display:grid}.map-editor-validation-row.is-valid>span:first-child{color:var(--shell-accent);background:#6be3c529}.map-editor-validation-row.is-invalid>span:first-child{background:var(--shell-danger-bg);color:var(--shell-danger)}.map-editor-validation-row.is-warning>span:first-child{color:#f3b75b;background:#f3b75b29}.map-editor-validation-row.is-warning>span:last-child{color:#e8bd76}.map-editor-legend-details summary{cursor:pointer;color:var(--shell-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.map-editor-legend-details .map-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}#start-map-editor .map-editor-footer{flex-direction:row;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding-top:8px;display:flex}#start-map-editor .map-editor-footer>.start-info{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;min-height:0;margin:0;overflow:hidden}#start-map-editor .map-editor-footer .map-editor-actions{flex-wrap:nowrap;flex:none}#start-map-editor .map-editor-footer button{min-height:36px;padding:7px 12px}#start-map-editor #map-editor-back{display:inline-flex}@media (width<=1120px){#start-maps .map-library-toolbar{grid-template-columns:minmax(180px,.85fr) minmax(480px,2.15fr)}#start-maps .map-library-toolbar .map-filter-toggles{grid-column:1/-1;justify-content:flex-end}#start-map-editor .map-editor-grid{grid-template-columns:minmax(460px,1.15fr) minmax(380px,.85fr)}.map-generator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){#start-maps.start-screen.active,#start-map-editor.start-screen.active{overflow-y:auto}#start-maps .map-library-toolbar{grid-template-columns:1fr}#start-maps .map-library-toolbar .map-filter-toggles{grid-column:auto;justify-content:flex-start}#start-maps .map-library-grid,#start-map-editor .map-editor-grid{flex:none;grid-template-columns:1fr}#start-maps .map-results-panel{min-height:340px}#start-maps .map-detail-panel{min-height:520px}#start-map-editor .map-editor-grid>.start-panel:last-child{overflow:visible!important}#start-map-editor .map-canvas{width:min(100%,620px)}}@media (width<=680px){#start-maps .start-header,#start-map-editor .start-header{flex-direction:column;align-items:flex-start}.map-library-header-actions,.map-editor-header-actions{justify-content:flex-start;width:100%}#start-maps .map-library-toolbar .map-filter-row,#start-maps .map-detail{grid-template-columns:repeat(2,minmax(0,1fr))}#start-maps .map-detail-body{grid-template-columns:minmax(0,1fr)}#start-maps .map-preview{justify-self:center;width:min(100%,440px)}#start-map-editor .map-editor-workspace-heading{flex-direction:column;align-items:flex-start}#start-map-editor .map-editor-mode{width:100%}#start-map-editor .map-editor-mode button{flex:50%}#start-map-editor .map-editor-footer{flex-direction:column;align-items:stretch}#start-map-editor .map-editor-footer .map-editor-actions{width:100%}#start-map-editor .map-editor-footer button{flex:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes shell-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:root{--match-shell-surface:#050d12f5;--match-shell-surface-raised:#0a181ffa;--match-shell-surface-soft:#11262ef0;--match-shell-control:#122d34fa;--match-shell-control-hover:#193f45fc;--match-shell-control-active:#135950fc;--match-shell-text:#edf7f5;--match-shell-muted:#b9cecb;--match-shell-subtle:#89aaa7;--match-shell-accent:#6be3c5;--match-shell-accent-strong:#ffb86b;--match-shell-border:#6be3c57a;--match-shell-border-soft:#6be3c538;--match-shell-focus:#ffcf8e;--match-shell-shadow:0 18px 48px #00000080;--match-shell-radius:12px;--match-shell-gap:10px;--match-shell-safe:max(12px, env(safe-area-inset-left), env(safe-area-inset-right));--match-shell-top:max(12px, env(safe-area-inset-top));--match-shell-bottom:max(12px, env(safe-area-inset-bottom));--match-shell-ribbon-height:58px;--match-shell-tactical-width:clamp(292px, 18vw, 344px);--match-shell-compact-strip-height:46px}:root[data-theme=light]{--match-shell-surface:#f7fbfaf7;--match-shell-surface-raised:#fffffffc;--match-shell-surface-soft:#e5f2effa;--match-shell-control:#e2f2edfc;--match-shell-control-hover:#cdebe3;--match-shell-control-active:#b7e1d6;--match-shell-text:#102c2d;--match-shell-muted:#3e6263;--match-shell-subtle:#628081;--match-shell-accent:#168e78;--match-shell-accent-strong:#a95d19;--match-shell-border:#168e787a;--match-shell-border-soft:#168e783d;--match-shell-focus:#a95d19;--match-shell-shadow:0 18px 44px #0e2d4647}#hud.match-shell-active{--hud-topbar-height:var(--match-shell-ribbon-height);color:var(--match-shell-text);pointer-events:none;padding:0;display:block;position:absolute;inset:0;overflow:hidden}#hud.match-shell-active [hidden]{display:none!important}#hud.match-shell-active :where(button,input,select){font-family:var(--font-body)}#hud.match-shell-active :where(button,input,select):focus-visible{outline:3px solid var(--match-shell-focus);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb, var(--match-shell-focus) 24%, transparent)}#hud.match-shell-active #resource-bar{inset-block-start:var(--match-shell-top);inset-inline:var(--match-shell-safe);top:var(--match-shell-top);right:var(--match-shell-safe);bottom:auto;left:var(--match-shell-safe);z-index:50;width:auto;min-height:var(--match-shell-ribbon-height);border:1px solid var(--match-shell-border);background:var(--match-shell-surface);max-height:none;color:var(--match-shell-text);box-shadow:var(--match-shell-shadow), inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 8px;display:grid;position:absolute;overflow:visible;border-radius:var(--match-shell-radius)!important}#hud.match-shell-active #resource-bar.has-active-campaign-deadline{grid-template-columns:minmax(0,1fr) minmax(280px,420px) auto}#hud.match-shell-active #resource-bar .match-shell-deadline{z-index:auto;place-self:stretch center;width:100%;min-width:0;max-width:420px;position:relative;inset:auto;transform:none}#hud.match-shell-active #resource-bar .campaign-deadline-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;height:100%}#hud.match-shell-active #resource-bar .campaign-deadline{background:var(--match-shell-surface-soft);min-width:0;min-height:100%;box-shadow:inset 0 1px #ffffff0f, 0 0 14px rgba(var(--deadline-color), .08);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:9px;gap:3px;padding:5px 9px}#hud.match-shell-active #resource-bar .campaign-deadline-heading{gap:10px;min-width:0}#hud.match-shell-active #resource-bar .campaign-deadline-label,#hud.match-shell-active #resource-bar .campaign-deadline-consequence{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#hud.match-shell-active #resource-bar .campaign-deadline-label{font-size:.62rem}#hud.match-shell-active #resource-bar .campaign-deadline-time{flex:none;font-size:.94rem}#hud.match-shell-active #resource-bar .campaign-deadline-consequence{font-size:.58rem;line-height:1.15}#hud.match-shell-active #resource-bar:before,#hud.match-shell-active #resource-bar:after{display:none}#hud.match-shell-active .hud-bar-stats{grid-template-columns:max-content max-content minmax(180px,1fr);align-items:stretch;gap:7px;width:auto;min-width:0;max-width:none;display:grid}#hud.match-shell-active .hud-bar-stats .resource{border:1px solid var(--match-shell-border-soft);background:var(--match-shell-surface-soft);min-width:0;box-shadow:none;border-radius:9px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:7px;padding:7px 10px;display:grid}#hud.match-shell-active .hud-bar-stats .resource:not(.resource-status){min-width:104px}#hud.match-shell-active .hud-bar-stats .resource-status{grid-template-columns:auto minmax(0,1fr);width:auto;min-width:0;max-width:none}#hud.match-shell-active .resource span:first-child{color:var(--match-shell-subtle);letter-spacing:.1em;font-size:.62rem;font-weight:750}#hud.match-shell-active .resource span:last-child{color:var(--match-shell-text);font-size:.91rem;font-weight:750}#hud.match-shell-active #status-value{min-width:0;color:var(--match-shell-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}#hud.match-shell-active .match-shell-quick-actions{pointer-events:auto;justify-content:flex-end;align-items:center;gap:7px;min-width:max-content;display:flex}#hud.match-shell-active .match-shell-quick-actions button,#hud.match-shell-active .match-shell-game-menu button,#hud.match-shell-active .match-command-toolbar button,#hud.match-shell-active .match-tactical-toggle{border:1px solid var(--match-shell-border);background:var(--match-shell-control);min-width:0;min-height:38px;color:var(--match-shell-text);letter-spacing:.035em;text-transform:none;white-space:nowrap;cursor:pointer;padding:7px 11px;font-size:.72rem;font-weight:750;line-height:1.1;transition:background-color .12s,border-color .12s,transform .12s;box-shadow:inset 0 1px #ffffff14;border-radius:9px!important}#hud.match-shell-active .match-shell-quick-actions button:hover,#hud.match-shell-active .match-shell-game-menu button:hover,#hud.match-shell-active .match-command-toolbar button:hover,#hud.match-shell-active .match-tactical-toggle:hover{border-color:var(--match-shell-accent);background:var(--match-shell-control-hover);transform:translateY(-1px)}#hud.match-shell-active #pause-toggle{border-color:var(--match-shell-accent);background:var(--match-shell-control-active);color:var(--match-shell-text)}#hud.match-shell-active #campaign-speed-toggle{border-color:color-mix(in srgb, var(--match-shell-accent) 72%, var(--match-shell-border));background:var(--match-shell-control-active);color:var(--match-shell-text)}#hud.match-shell-active .match-selection-action{border-color:color-mix(in srgb, var(--match-shell-accent) 48%, var(--match-shell-border))}#hud.match-shell-active #observe-toggle.active,#hud.match-shell-active #observe-toggle[aria-pressed=true]{border-color:var(--match-shell-accent-strong)}#hud.match-shell-active .match-shell-menu-toggle{align-items:center;gap:7px;display:inline-flex}#hud.match-shell-active .match-shell-button-icon{color:var(--match-shell-accent);letter-spacing:.05em;font-size:.92rem}#hud.match-shell-active .match-shell-game-menu{inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:80;width:min(380px, calc(100vw - (var(--match-shell-safe) * 2)));border:1px solid var(--match-shell-border);border-radius:var(--match-shell-radius);background:var(--match-shell-surface-raised);max-height:min(70dvh,620px);box-shadow:var(--match-shell-shadow);pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;display:grid;position:absolute;top:calc(100% + 8px);left:auto;right:0;overflow:auto}#hud.match-shell-active .match-shell-game-menu button{text-align:start;justify-content:flex-start;width:100%;min-height:42px;padding-inline:12px}#hud.match-shell-active .match-shell-game-menu #exit-to-menu{border-color:color-mix(in srgb, var(--danger) 72%, var(--match-shell-border))}#hud.match-shell-active #match-command-dock{inset-block-end:var(--match-shell-bottom);inset-inline-start:var(--match-shell-safe);inset-inline-end:calc(var(--match-shell-tactical-width) + var(--match-shell-safe) + var(--match-shell-gap));right:calc(var(--match-shell-tactical-width) + var(--match-shell-safe) + var(--match-shell-gap));bottom:var(--match-shell-bottom);left:var(--match-shell-safe);z-index:30;border:1px solid var(--match-shell-border);border-radius:var(--match-shell-radius);background:var(--match-shell-surface);width:auto;max-width:1120px;height:auto;max-height:188px;box-shadow:var(--match-shell-shadow);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);pointer-events:auto;flex-direction:column;margin-inline:auto;display:flex;position:absolute;overflow:hidden}#hud.match-shell-active #match-command-dock[data-collapsed=true]{width:fit-content;min-width:min(100%,500px);height:var(--match-shell-compact-strip-height);max-height:var(--match-shell-compact-strip-height);margin-inline:0 auto}#hud.match-shell-active .match-command-toolbar{border-bottom:1px solid var(--match-shell-border-soft);background:var(--match-shell-surface-raised);flex:0 0 40px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:3px;display:grid}#hud.match-shell-active #match-command-dock[data-collapsed=true] .match-command-toolbar{flex-basis:var(--match-shell-compact-strip-height);min-height:var(--match-shell-compact-strip-height);border-bottom:0}#hud.match-shell-active .match-command-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0;display:grid}#hud.match-shell-active .match-command-toolbar .match-command-tab{text-overflow:ellipsis;min-height:30px;padding:3px 8px;font-size:.68rem;position:relative;overflow:hidden}#hud.match-shell-active .match-command-toolbar .match-dock-toggle{min-height:30px;padding:3px 9px}#hud.match-shell-active .match-command-toolbar .match-command-tab[aria-selected=true]{border-color:var(--match-shell-accent);background:var(--match-shell-control-active)}#hud.match-shell-active .match-command-toolbar .match-command-tab[aria-selected=true]:after{content:"";background:var(--match-shell-accent);border-radius:999px;height:2px;position:absolute;inset-block-end:3px;inset-inline:20%}#hud.match-shell-active .match-command-toolbar .match-command-tab:disabled{opacity:.42;cursor:not-allowed;transform:none}#hud.match-shell-active .match-dock-toggle,#hud.match-shell-active .match-tactical-toggle{justify-content:center;align-items:center;gap:7px;display:inline-flex}#hud.match-shell-active .match-disclosure-icon{color:var(--match-shell-accent);font-size:.88rem;line-height:1}#hud.match-shell-active .match-command-viewport{overscroll-behavior:contain;flex:0 auto;min-height:0;padding:4px;overflow:auto}#hud.match-shell-active .match-command-pane{min-height:0}#hud.match-shell-active #match-command-dock .panel{-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;min-width:0;max-width:none;min-height:0;max-height:none;color:var(--match-shell-text);padding:2px;position:relative;inset:auto;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}#hud.match-shell-active #match-command-dock .panel:before,#hud.match-shell-active #match-command-dock .panel:after{display:none}#hud.match-shell-active #match-command-dock :where(.panel-title,.panel-subtitle){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#hud.match-shell-active #selection-panel{grid-template-columns:minmax(340px,400px) minmax(0,1fr);grid-template-areas:"selection-details command-buttons";align-items:start;gap:8px;display:grid}#hud.match-shell-active #selection-details{min-height:42px;max-height:116px;color:var(--match-shell-muted);grid-area:selection-details;padding-inline-end:5px;overflow:auto}#hud.match-shell-active #selection-details.fleet-composition{grid-template-columns:1fr;align-content:start;gap:3px;display:grid}#hud.match-shell-active .selection-fleet-heading,#hud.match-shell-active .selection-fleet-type{justify-content:space-between;align-items:center;gap:10px;display:flex}#hud.match-shell-active .selection-fleet-heading{z-index:1;color:var(--match-shell-text);background:var(--match-shell-surface);border-bottom:1px solid var(--match-shell-border-soft);padding:3px 7px 5px;position:sticky;top:0}#hud.match-shell-active .selection-fleet-label{letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}#hud.match-shell-active .selection-fleet-total,#hud.match-shell-active .selection-fleet-type-count{color:var(--match-shell-muted);font-variant-numeric:tabular-nums;white-space:nowrap}#hud.match-shell-active .selection-fleet-type{border-radius:6px;min-height:24px;padding:3px 7px}#hud.match-shell-active .selection-fleet-type-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#hud.match-shell-active #selection-details .selection-row-name{overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3}#hud.match-shell-active #command-buttons{grid-area:command-buttons;grid-template-columns:repeat(6,minmax(82px,1fr));gap:5px;max-height:116px;padding-inline-end:4px;display:grid;overflow:auto}#hud.match-shell-active #build-panel{grid-template-columns:minmax(0,2fr) minmax(210px,.8fr);grid-template-areas:"build-buttons build-queue";align-items:start;gap:8px;display:grid}#hud.match-shell-active #build-buttons{grid-area:build-buttons}#hud.match-shell-active #build-queue{scrollbar-gutter:auto;grid-area:build-queue;max-height:116px;padding:0 2px 0 0;overflow:auto}#hud.match-shell-active :where(#build-buttons,#research-buttons,#ability-buttons){grid-template-columns:repeat(6,minmax(82px,1fr));gap:5px;max-height:116px;padding:1px 4px 1px 1px;display:grid;overflow:auto}#hud.match-shell-active #ability-buttons{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}#hud.match-shell-active #research-panel{grid-template-columns:minmax(0,1fr) minmax(180px,.32fr);align-items:start;gap:8px;display:grid}#hud.match-shell-active #research-status{scrollbar-gutter:auto;max-height:116px;padding:0 2px 0 0;overflow:auto}#hud.match-shell-active #match-command-dock :where(#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.queue-cancel,select){border:1px solid var(--match-shell-border);background:var(--match-shell-control);min-width:0;min-height:32px;color:var(--match-shell-text);box-shadow:none;padding:4px 7px;font-size:.68rem;font-weight:700;line-height:1.25;border-radius:8px!important}#hud.match-shell-active #match-command-dock :where(#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.queue-cancel):hover:not(:disabled){border-color:var(--match-shell-accent);background:var(--match-shell-control-hover);box-shadow:none;transform:none}#hud.match-shell-active #match-command-dock :where(button.active,button.completed){border-color:var(--match-shell-accent-strong);background:var(--match-shell-control-active);color:var(--match-shell-text)}#hud.match-shell-active #match-command-dock button:disabled{opacity:.48;color:var(--match-shell-subtle);cursor:not-allowed}#hud.match-shell-active #command-buttons .command-priority{border:1px solid var(--match-shell-border-soft);background:color-mix(in srgb, var(--match-shell-surface-soft) 72%, transparent);border-radius:9px;grid-column:1/-1;grid-template-columns:minmax(76px,auto) repeat(3,minmax(72px,1fr));align-items:center;gap:5px;min-height:32px;padding:3px 5px}#hud.match-shell-active #command-buttons .command-priority-label{color:var(--match-shell-muted);grid-column:auto}#hud.match-shell-active #command-buttons .command-priority-slot{grid-template-columns:auto minmax(0,1fr)}#hud.match-shell-active #command-buttons .command-priority select{min-height:30px}#hud.match-shell-active .queue-item,#hud.match-shell-active .queue-empty{color:var(--match-shell-muted);border-radius:8px;padding:4px 6px}#hud.match-shell-active .queue-progress{background:color-mix(in srgb, var(--match-shell-muted) 18%, transparent)}#hud.match-shell-active #left-stack,#hud.match-shell-active #right-stack{display:none}#hud.match-shell-active #match-tactical-rail{inset-block-start:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + var(--match-shell-gap));inset-block-end:var(--match-shell-bottom);inset-inline-end:var(--match-shell-safe);top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + var(--match-shell-gap));right:var(--match-shell-safe);bottom:var(--match-shell-bottom);z-index:32;align-items:stretch;gap:var(--match-shell-gap);width:var(--match-shell-tactical-width);pointer-events:none;flex-direction:column;min-height:0;display:flex;position:absolute;left:auto}#hud.match-shell-active #match-tactical-rail>.panel{width:100%;min-width:0;color:var(--match-shell-text);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);pointer-events:auto;margin:0;padding:9px;position:relative;inset:auto;overflow:hidden;border:1px solid var(--match-shell-border)!important;border-radius:var(--match-shell-radius)!important;background:var(--match-shell-surface)!important;box-shadow:var(--match-shell-shadow)!important}#hud.match-shell-active #match-tactical-rail>.panel:before,#hud.match-shell-active #match-tactical-rail>.panel:after{display:none}#hud.match-shell-active #match-tactical-rail :where(.minimap-header,.panel-title-row){justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin:0;display:flex}#hud.match-shell-active #match-tactical-rail .panel-title{color:var(--match-shell-accent);letter-spacing:.11em;margin:0;font-size:.68rem;font-weight:800}#hud.match-shell-active .match-tactical-heading-actions{align-items:center;gap:5px;display:flex}#hud.match-shell-active .match-comms-unread{background:var(--match-shell-accent-strong);color:#16110b;letter-spacing:0;border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:4px;font-size:.58rem;font-weight:850;line-height:1;display:inline-grid}#hud.match-shell-active .match-comms-unread[hidden]{display:none}#hud.match-shell-active .match-tactical-toggle,#hud.match-shell-active #voice-details-toggle{letter-spacing:0;min-height:30px;padding:5px 8px;font-size:.65rem}#hud.match-shell-active .match-tactical-content{min-height:0}#hud.match-shell-active .match-minimap-content{grid-template-columns:1fr;gap:7px;padding-top:7px;display:grid}#hud.match-shell-active #ping-preset-wrap{justify-content:flex-end;display:flex}#hud.match-shell-active #ping-preset-select{border:1px solid var(--match-shell-border);background:var(--match-shell-control);width:100%;min-height:34px;color:var(--match-shell-text);border-radius:8px;padding:5px 28px 5px 8px;font-size:.72rem}#hud.match-shell-active #minimap-canvas{border:1px solid var(--match-shell-border);background:#030914;border-radius:8px;width:100%;height:clamp(188px,25dvh,270px);min-height:0;box-shadow:inset 0 0 20px #000000a3}#hud.match-shell-active #chat-panel{flex-direction:column;flex:0 auto;gap:0;height:min(44dvh,510px);min-height:250px;max-height:min(54dvh,600px);display:flex}#hud.match-shell-active #chat-panel.is-collapsed,#hud.match-shell-active #minimap-panel.is-collapsed{flex:none;min-height:0;height:auto!important}#hud.match-shell-active .match-chat-content{flex-direction:column;flex:auto;gap:7px;min-height:0;padding-top:7px;display:flex}#hud.match-shell-active #chat-messages{border:1px solid var(--match-shell-border-soft);background:color-mix(in srgb, var(--match-shell-surface-raised) 86%, transparent);min-height:72px;color:var(--match-shell-muted);overscroll-behavior:contain;border-radius:8px;flex:auto;padding:7px;overflow:auto}#hud.match-shell-active :where(.chat-message,.voice-peer-name,#voice-status,.voice-debug){color:var(--match-shell-muted)}#hud.match-shell-active :where(.chat-name,.chat-system-tag){color:var(--match-shell-accent)}#hud.match-shell-active .chat-scope,#hud.match-shell-active .voice-controls,#hud.match-shell-active .voice-radio{gap:5px}#hud.match-shell-active #chat-panel :where(.chat-scope button,.voice-controls button,.voice-remote button,#chat-send){border:1px solid var(--match-shell-border);background:var(--match-shell-control);min-height:34px;color:var(--match-shell-text);box-shadow:none;border-radius:8px;padding:6px 9px}#hud.match-shell-active #chat-panel :where(button.active,button[aria-pressed=true]){border-color:var(--match-shell-accent-strong);background:var(--match-shell-control-active)}#hud.match-shell-active .chat-input{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}#hud.match-shell-active #chat-input{border:1px solid var(--match-shell-border);background:var(--match-shell-surface-raised);min-width:0;min-height:36px;color:var(--match-shell-text);border-radius:8px;padding:7px 9px}#hud.match-shell-active #chat-input::placeholder{color:var(--match-shell-subtle)}#hud.match-shell-active #chat-resize-handle{background:var(--match-shell-border-soft);border-color:var(--match-shell-border);flex-basis:12px;width:72px;height:12px}#hud.match-shell-active #chat-resize-handle:is(:hover,:focus-visible,.is-resizing){background:var(--match-shell-control-active);border-color:var(--match-shell-accent-strong);outline:none}#hud.match-shell-active :where(#scoreboard-panel,#campaign-panel,#tutorial-panel){z-index:45}#hud.match-shell-active #orientation-compass{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 12px)}#hud.match-shell-active #perf-overlay{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 12px);left:var(--match-shell-safe);color:var(--match-shell-muted);background:var(--match-shell-surface)}#hud.match-shell-active #scoreboard-panel{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + var(--match-shell-gap));right:calc(var(--match-shell-tactical-width) + var(--match-shell-safe) + var(--match-shell-gap));width:min(390px, calc(100vw - var(--match-shell-tactical-width) - 44px));max-height:calc(100dvh - var(--match-shell-ribbon-height) - 32px);color:var(--match-shell-text);left:auto;overflow:auto;transform:none;background:var(--match-shell-surface)!important}#hud.match-shell-active #campaign-panel{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + var(--match-shell-gap));right:calc(var(--match-shell-tactical-width) + var(--match-shell-safe) + var(--match-shell-gap));width:min(340px, calc(100vw - var(--match-shell-tactical-width) - 44px));max-height:min(34dvh,330px);color:var(--match-shell-text);bottom:auto;overflow:auto;background:var(--match-shell-surface)!important}#hud.match-shell-active #tutorial-panel{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 72px);bottom:auto;right:auto;left:var(--match-shell-safe);width:min(390px, calc(100vw - var(--match-shell-tactical-width) - 44px));max-height:min(520px, calc(100dvh - var(--match-shell-top) - var(--match-shell-ribbon-height) - 72px - var(--match-shell-bottom) - 188px - var(--match-shell-gap)));color:var(--match-shell-text);margin:0;overflow:hidden;transform:none;background:var(--match-shell-surface)!important}#hud.match-shell-active #tutorial-panel.collapsed{width:min(300px, calc(100vw - var(--match-shell-tactical-width) - 44px))}#hud.match-shell-active #tutorial-panel .tutorial-panel-body{scrollbar-width:thin;scrollbar-color:var(--match-shell-border) transparent}@media (width<=1280px){:root{--match-shell-tactical-width:288px}#hud.match-shell-active .hud-bar-stats{grid-template-columns:max-content max-content minmax(130px,1fr)}#hud.match-shell-active .hud-bar-stats .resource:not(.resource-status){min-width:94px}#hud.match-shell-active #selection-panel{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}#hud.match-shell-active #command-buttons,#hud.match-shell-active :where(#build-buttons,#research-buttons){grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}}@media (width<=960px){:root{--match-shell-safe:max(9px, env(safe-area-inset-left), env(safe-area-inset-right));--match-shell-top:max(9px, env(safe-area-inset-top));--match-shell-bottom:max(9px, env(safe-area-inset-bottom));--match-shell-ribbon-height:112px;--match-shell-tactical-width:min(316px, calc(100vw - 18px))}#hud.match-shell-active #resource-bar{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;max-height:none;position:absolute}#hud.match-shell-active.campaign-deadline-active{--match-shell-ribbon-height:168px}#hud.match-shell-active #resource-bar.has-active-campaign-deadline{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}#hud.match-shell-active #resource-bar .match-shell-deadline{grid-area:3/1;max-width:none}#hud.match-shell-active #resource-bar.has-active-campaign-deadline>.hud-bar-stats{grid-area:1/1}#hud.match-shell-active #resource-bar.has-active-campaign-deadline>.match-shell-quick-actions{grid-area:2/1}#hud.match-shell-active .hud-bar-stats{width:auto}#hud.match-shell-active .resource span:first-child{font-size:.56rem}#hud.match-shell-active .match-shell-quick-actions button{padding-inline:9px}#hud.match-shell-active .match-shell-quick-actions{overscroll-behavior-inline:contain;scrollbar-width:thin;grid-area:2/1;justify-content:flex-start;width:100%;min-width:0;max-width:100%;padding-block-end:2px;overflow-x:auto}#hud.match-shell-active .match-shell-quick-actions button{flex:none}#hud.match-shell-active #match-command-dock{inset-inline-end:var(--match-shell-safe);right:var(--match-shell-safe);max-width:none;height:auto;max-height:min(48dvh,430px)}#hud.match-shell-active #match-tactical-rail{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 76px);max-height:calc(100dvh - var(--match-shell-top) - var(--match-shell-ribbon-height) - var(--match-shell-gap) - var(--match-shell-gap) - var(--match-shell-bottom) - var(--match-shell-compact-strip-height) - 68px);overscroll-behavior:contain;pointer-events:auto;padding-bottom:2px;bottom:auto;overflow-y:auto}#hud.match-shell-active[data-compact-layout=true][data-compact-surface=dock] #match-tactical-rail{display:none}#hud.match-shell-active #chat-panel{flex:0 420px;max-height:min(48dvh,480px)}#hud.match-shell-active #selection-panel{grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr)}#hud.match-shell-active #build-panel{grid-template-columns:minmax(0,1.6fr) minmax(180px,.8fr)}#hud.match-shell-active #command-buttons,#hud.match-shell-active :where(#build-buttons,#research-buttons){grid-template-columns:repeat(3,minmax(108px,1fr))}#hud.match-shell-active #command-buttons .command-priority{grid-template-columns:1fr}#hud.match-shell-active #command-buttons .command-priority-label{grid-column:1/-1}#hud.match-shell-active #scoreboard-panel,#hud.match-shell-active #campaign-panel{right:var(--match-shell-safe);width:min(380px,100vw - 18px)}#hud.match-shell-active #tutorial-panel{width:min(370px,100vw - 18px)}}@media (width<=760px){:root{--match-shell-ribbon-height:136px}#hud.match-shell-active.campaign-deadline-active{--match-shell-ribbon-height:192px}#hud.match-shell-active .match-command-toolbar{flex-basis:var(--match-shell-compact-strip-height);min-height:var(--match-shell-compact-strip-height);padding-block:2px}#hud.match-shell-active{padding:0;display:block;overflow:hidden}#hud.match-shell-active #resource-bar{top:var(--match-shell-top);min-height:var(--match-shell-ribbon-height);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-items:start;padding:6px;display:grid;position:absolute}#hud.match-shell-active .hud-bar-stats{grid-template-columns:repeat(2,minmax(0,max-content));gap:5px}#hud.match-shell-active .hud-bar-stats .resource,#hud.match-shell-active .hud-bar-stats .resource:not(.resource-status){min-width:0;padding:5px 7px}#hud.match-shell-active .hud-bar-stats .resource-status{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);min-width:min(100%,210px)}#hud.match-shell-active .resource span:first-child{font-size:.52rem}#hud.match-shell-active .resource span:last-child{font-size:.78rem}#hud.match-shell-active #status-value{font-size:.68rem}#hud.match-shell-active .match-shell-quick-actions{align-self:stretch;gap:5px}#hud.match-shell-active .match-shell-quick-actions button{width:auto;min-height:36px;padding:5px 8px;font-size:.64rem}#hud.match-shell-active .match-shell-game-menu{width:min(288px,100vw - 18px);max-height:calc(100dvh - var(--match-shell-ribbon-height) - 28px);grid-template-columns:1fr}#hud.match-shell-active #match-command-dock,#hud.match-shell-active #match-command-dock[data-collapsed=true]{inset-inline:var(--match-shell-safe);inset-block-end:var(--match-shell-bottom);right:var(--match-shell-safe);bottom:var(--match-shell-bottom);left:var(--match-shell-safe);width:auto;min-width:0;max-width:none;max-height:min(54dvh,480px);margin:0;position:absolute}#hud.match-shell-active #match-command-dock[data-collapsed=true]{height:var(--match-shell-compact-strip-height)}#hud.match-shell-active .match-command-tabs{gap:3px}#hud.match-shell-active .match-command-toolbar .match-command-tab{min-height:40px;padding:6px 4px;font-size:.64rem}#hud.match-shell-active .match-dock-toggle{min-width:40px;min-height:40px;padding-inline:8px}#hud.match-shell-active .match-dock-toggle .match-disclosure-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#hud.match-shell-active .match-command-viewport{padding:6px}#hud.match-shell-active #selection-panel,#hud.match-shell-active #build-panel{grid-template-columns:1fr;grid-template-areas:"selection-title""selection-details""command-title""command-buttons";gap:0;display:grid}#hud.match-shell-active #research-panel{grid-template-columns:1fr}#hud.match-shell-active #build-panel{grid-template-areas:"build-title""build-buttons""queue-title""build-queue"}#hud.match-shell-active #selection-details{max-height:96px;margin-bottom:9px}#hud.match-shell-active :where(#command-buttons,#build-buttons,#research-buttons,#ability-buttons){grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(28dvh,220px)}#hud.match-shell-active #command-buttons .command-priority{grid-column:1/-1}#hud.match-shell-active #build-queue{max-height:110px}#hud.match-shell-active #match-tactical-rail{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 76px);right:var(--match-shell-safe);width:min(326px,100vw - 18px);max-height:calc(100dvh - var(--match-shell-top) - var(--match-shell-ribbon-height) - 84px - var(--match-shell-bottom) - var(--match-shell-compact-strip-height));position:absolute;bottom:auto;left:auto}#hud.match-shell-active #minimap-canvas{height:min(31dvh,218px)}#hud.match-shell-active #chat-panel{height:min(46dvh,410px);min-height:220px;max-height:min(52dvh,440px)}#hud.match-shell-active #orientation-compass{display:none}#hud.match-shell-active #perf-overlay{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 8px);left:var(--match-shell-safe);max-width:calc(100vw - var(--match-shell-tactical-width) - 22px);overflow:hidden}#hud.match-shell-active #scoreboard-panel,#hud.match-shell-active #campaign-panel,#hud.match-shell-active #tutorial-panel{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 8px);right:var(--match-shell-safe);width:min(360px,100vw - 18px);max-height:calc(100dvh - var(--match-shell-ribbon-height) - 28px);margin:0;position:absolute;bottom:auto;left:auto;transform:none}#hud.match-shell-active #tutorial-panel{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 8px);right:var(--match-shell-safe);bottom:auto;left:var(--match-shell-safe);width:auto;max-height:min(32dvh, calc(100dvh - var(--match-shell-top) - var(--match-shell-ribbon-height) - 16px - var(--match-shell-bottom) - min(54dvh, 480px)))}#hud.match-shell-active #tutorial-panel.collapsed{width:min(300px,100vw - 18px);right:auto}}@media (height<=700px) and (width>=761px){:root{--match-shell-ribbon-height:52px}#hud.match-shell-active #resource-bar{min-height:52px;padding-block:5px}#hud.match-shell-active #minimap-canvas{height:min(25dvh,170px)}#hud.match-shell-active #chat-panel{height:min(37dvh,300px);min-height:190px}#hud.match-shell-active #match-command-dock{max-height:min(43dvh,300px)}#hud.match-shell-active #tutorial-panel{top:calc(var(--match-shell-top) + var(--match-shell-ribbon-height) + 8px);max-height:calc(100dvh - var(--match-shell-top) - var(--match-shell-ribbon-height) - 16px - var(--match-shell-bottom) - min(43dvh, 300px))}}@media (width<=960px) and (width>=761px) and (height<=700px){:root{--match-shell-ribbon-height:112px}#hud.match-shell-active #resource-bar{min-height:var(--match-shell-ribbon-height);padding-block:7px}}@media (width<=760px) and (height<=500px){:root{--match-shell-ribbon-height:136px}#hud.match-shell-active.campaign-deadline-active{--match-shell-ribbon-height:192px}#hud.match-shell-active #resource-bar{min-height:var(--match-shell-ribbon-height);padding-block:4px}#hud.match-shell-active #match-command-dock,#hud.match-shell-active #match-command-dock[data-collapsed=true]{max-height:min(40dvh,200px)}#hud.match-shell-active #tutorial-panel{max-height:calc(100dvh - var(--match-shell-top) - var(--match-shell-ribbon-height) - 16px - var(--match-shell-bottom) - min(40dvh, 200px))}}@media (hover:none),(pointer:coarse){#hud.match-shell-active .match-command-toolbar{flex-basis:46px;min-height:46px;padding:1px}#hud.match-shell-active .match-command-toolbar .match-command-tab,#hud.match-shell-active .match-command-toolbar .match-dock-toggle,#hud.match-shell-active .match-shell-quick-actions button,#hud.match-shell-active .match-shell-game-menu button,#hud.match-shell-active .match-command-toolbar button,#hud.match-shell-active .match-tactical-toggle,#hud.match-shell-active #match-command-dock :where(#command-buttons button,#build-buttons button,#research-buttons button,#ability-buttons button,.queue-cancel,select),#hud.match-shell-active #chat-panel :where(.chat-scope button,.voice-controls button,.voice-remote button,#chat-input,#chat-send){min-height:44px}}@media (prefers-contrast:more){:root{--match-shell-border:currentColor;--match-shell-border-soft:color-mix(in srgb, currentColor 48%, transparent)}#hud.match-shell-active :where(#resource-bar,#match-command-dock,#match-tactical-rail>.panel){-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){#hud.match-shell-active *,#hud.match-shell-active :before,#hud.match-shell-active :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}#hud.match-shell-active #fleet-advisor{--fleet-advisor-size:102px;--fleet-advisor-dock-offset:0px;z-index:34;bottom:var(--match-shell-bottom);left:var(--match-shell-safe);width:var(--fleet-advisor-size);height:calc(var(--fleet-advisor-size) * 1.08333);color:var(--match-shell-text);pointer-events:none;transition:bottom .18s,opacity .16s,visibility .16s;display:block;position:absolute}#hud.match-shell-active #fleet-advisor[hidden]{display:none}#hud.match-shell-active #fleet-advisor[data-raised=true]{bottom:calc(var(--match-shell-bottom) + var(--fleet-advisor-dock-offset))}#hud.match-shell-active #fleet-advisor[data-pet-enabled=false]{width:0;height:0}#hud.match-shell-active .fleet-advisor-sprite-frame{width:var(--fleet-advisor-size);aspect-ratio:192/208;filter:drop-shadow(0 0 10px #4ec4ff52);position:absolute;bottom:0;right:0;overflow:visible}#hud.match-shell-active .fleet-advisor-sprite-frame:before{content:"";z-index:-1;background:#3ab2d62e;border:1px solid #6be3c561;border-radius:50%;height:6px;position:absolute;bottom:1%;left:17%;right:17%;box-shadow:0 0 14px #45bfe761}#hud.match-shell-active .fleet-advisor-sprite{background-position:var(--fleet-advisor-frame-x,0%) var(--fleet-advisor-frame-y,0%);transform-origin:50% 100%;will-change:background-position;background-repeat:no-repeat;background-size:800% 1100%;width:100%;height:100%}#hud.match-shell-active #fleet-advisor[data-priority=urgent] .fleet-advisor-sprite-frame{filter:drop-shadow(0 0 11px #ffb86b7a)}#hud.match-shell-active #fleet-advisor[data-pet-enabled=false] .fleet-advisor-sprite-frame{display:none}#hud.match-shell-active .fleet-advisor-caption{bottom:calc(var(--fleet-advisor-size) * .82);left:calc(var(--fleet-advisor-size) * .7);width:max-content;max-width:min(360px, calc(100vw - var(--match-shell-tactical-width) - 150px));border:1px solid var(--match-shell-border);background:color-mix(in srgb, var(--match-shell-surface-raised) 96%, transparent);min-width:180px;box-shadow:var(--match-shell-shadow);-webkit-backdrop-filter:blur(16px)saturate(135%);backdrop-filter:blur(16px)saturate(135%);opacity:1;border-radius:11px 11px 11px 3px;gap:3px;padding:9px 11px;display:grid;position:absolute;transform:translateY(0)}#hud.match-shell-active .fleet-advisor-caption[hidden]{display:none}#hud.match-shell-active #fleet-advisor[data-pet-enabled=false] .fleet-advisor-caption{border-radius:11px;bottom:0;left:0}#hud.match-shell-active .fleet-advisor-caption-name{color:var(--match-shell-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;font-weight:900;line-height:1.1}#hud.match-shell-active .fleet-advisor-caption-text{color:var(--match-shell-text);text-wrap:balance;font-size:.78rem;font-weight:650;line-height:1.38}#hud.match-shell-active .fleet-advisor-live-region{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}#hud.match-shell-active #fleet-advisor[data-priority=urgent] .fleet-advisor-caption{border-color:color-mix(in srgb, var(--match-shell-accent-strong) 72%, var(--match-shell-border))}#hud[aria-hidden=true] #fleet-advisor,body.engine-cutscene-playback #fleet-advisor{display:none!important}@media (width<=1180px){#hud.match-shell-active #fleet-advisor{--fleet-advisor-size:82px}#hud.match-shell-active .fleet-advisor-caption{max-width:min(300px, calc(100vw - var(--match-shell-tactical-width) - 120px));min-width:160px;padding:8px 10px}}@media (width<=960px){#hud.match-shell-active #fleet-advisor{--fleet-advisor-size:72px}#hud.match-shell-active[data-compact-layout=true][data-compact-surface=dock] #fleet-advisor .fleet-advisor-sprite-frame{display:none}#hud.match-shell-active[data-compact-layout=true][data-compact-surface=dock] #fleet-advisor .fleet-advisor-caption{border-radius:11px;bottom:0;left:0}#hud.match-shell-active .fleet-advisor-caption{max-width:min(280px,100vw - 112px)}}@media (width<=760px){#hud.match-shell-active #fleet-advisor{--fleet-advisor-size:62px;bottom:calc(var(--match-shell-bottom) + var(--match-shell-compact-strip-height) + 7px)}#hud.match-shell-active #fleet-advisor[data-raised=true]{bottom:calc(var(--match-shell-bottom) + var(--match-shell-compact-strip-height) + 7px)}#hud.match-shell-active[data-compact-layout=true][data-compact-surface=dock] #fleet-advisor[data-raised=true]{bottom:calc(var(--match-shell-bottom) + var(--fleet-advisor-dock-offset))}#hud.match-shell-active .fleet-advisor-caption{bottom:calc(var(--fleet-advisor-size) * .72);left:calc(var(--fleet-advisor-size) * .58);min-width:140px;max-width:min(245px,100vw - 84px);padding:7px 9px}#hud.match-shell-active .fleet-advisor-caption-text{font-size:.7rem}}@media (width<=760px) and (height<=500px){#hud.match-shell-active .fleet-advisor-caption{min-width:126px;max-width:min(220px,100vw - 78px);padding:6px 8px}#hud.match-shell-active .fleet-advisor-caption-text{font-size:.66rem;line-height:1.3}}@media (prefers-reduced-motion:reduce){#hud.match-shell-active #fleet-advisor,#hud.match-shell-active .fleet-advisor-sprite{transition:none!important}}