:root{--bg:#05080f;--panel:#0a101ac7;--panel-strong:#080d16eb;--line:#6ec6ff33;--line-strong:#6ec6ff6b;--text:#e3edf8;--muted:#8ea8c7;--accent:#6ee6ff;--accent-warm:#ffb36d;--danger:#ff6c7b;--shadow:0 24px 80px #00000073;color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#5aa6ff24,#0000 40%),radial-gradient(circle at 100% 100%,#ffa2531a,#0000 28%),linear-gradient(#09101b 0%,#02050a 100%);font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg)}.menu-shell{overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:24px;width:100%;height:100%;padding:28px;display:grid;position:relative;overflow-y:auto}.menu-shell:before,.menu-shell:after{content:"";pointer-events:none;filter:blur(14px);position:absolute;inset:auto}.menu-shell:before{background:radial-gradient(circle,#6ee6ff24,#0000 68%);border-radius:50%;width:280px;height:280px;top:32px;right:10%}.menu-shell:after{background:linear-gradient(135deg,#ffb36d1f,#0000 72%);border-radius:40px;width:360px;height:220px;bottom:18px;left:8%}.menu-shell--single{grid-template-columns:minmax(0,1fr)}.menu-panel,.menu-sidecar__card,.room-card,.lobby-card,.lobby-team,.lobby-member,.empty-state{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#080d16e0,#080d16b8),radial-gradient(circle at 0 0,#6ee6ff1f,#0000 42%);border:1px solid #6ec6ff2e;position:relative}.menu-panel{z-index:1;border-radius:28px;align-content:center;gap:20px;min-height:max-content;padding:32px;display:grid}.menu-panel--wide{align-content:start}.menu-panel--compact{text-align:center;place-self:center;width:min(560px,100%)}.menu-eyebrow{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.75rem}.menu-title{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2.1rem,6vw,4.2rem);line-height:.95}.menu-copy{max-width:58ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.menu-field{gap:10px;max-width:420px;display:grid}.menu-field__label,.menu-sidecar__label,.room-card__subtle,.lobby-card p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.menu-input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #6ec6ff3d;border-radius:18px;outline:none;padding:16px 18px;font-size:1rem;transition:border-color .18s,box-shadow .18s,transform .18s}.menu-input:focus{border-color:#6ee6ff99;transform:translateY(-1px);box-shadow:0 0 0 4px #6ee6ff1f}.menu-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#e3edf8bf 50%),linear-gradient(135deg,#e3edf8bf 50%,#0000 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:40px}.menu-textarea{resize:vertical;min-height:128px;font:inherit;line-height:1.5}.menu-actions,.toolbar,.room-card__stats,.lobby-grid{flex-wrap:wrap;gap:12px;display:flex}.menu-button{min-height:52px;color:var(--text);letter-spacing:.02em;cursor:pointer;background:linear-gradient(#6ee6ff29,#080d16e6);border:1px solid #6ec6ff3d;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.92rem;font-weight:600;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.menu-button:hover:not(:disabled){border-color:#6ee6ff7a;transform:translateY(-1px)}.menu-button:disabled{opacity:.55;cursor:progress}.menu-button--ghost{background:#ffffff0a}.menu-button--warm{background:linear-gradient(#ffb36d29,#080d16e6);border-color:#ffb36d57}.menu-banner{color:var(--text);background:#ffffff0a;border:1px solid #6ec6ff2e;border-radius:18px;padding:14px 16px}.menu-banner--error{color:#ffd7dd;background:#ff6c7b14;border-color:#ff6c7b57}.menu-sidecar{z-index:1;align-content:start;gap:16px;display:grid}.menu-sidecar__card,.lobby-card,.empty-state{border-radius:22px;padding:20px}.menu-sidecar__card strong,.lobby-card strong{letter-spacing:-.04em;margin-top:10px;font-size:1.2rem;display:block}.menu-sidecar__card p,.lobby-room-id{margin:8px 0 0}.room-list,.lobby-team-list{gap:14px;display:grid}.room-card{border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.room-card__meta{gap:6px;display:grid}.room-card__label{letter-spacing:-.03em;font-size:1.1rem;font-weight:600}.room-card__join{min-width:108px}.lobby-grid{margin-top:4px}.lobby-content-config{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px;display:grid}.lobby-content-field{max-width:none}.lobby-content-field__hint{color:var(--muted);margin-top:8px;font-size:.88rem;line-height:1.5;display:block}.map-browser-section{gap:16px;margin-top:20px;display:grid}.map-browser-section__header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.map-browser-section__header strong{letter-spacing:-.03em;margin-top:8px;font-size:1.1rem;display:block}.map-browser-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.map-browser-grid--compact{grid-template-columns:1fr}.map-browser-card{box-shadow:var(--shadow);background:linear-gradient(#080d16d6,#080d16b3),radial-gradient(circle at 0 0,#6ee6ff1a,#0000 48%);border:1px solid #6ec6ff29;border-radius:22px;gap:12px;padding:18px;display:grid}.map-browser-card.is-selected{box-shadow:var(--shadow), 0 0 0 2px #6ee6ff1f;border-color:#6ee6ff70}.map-browser-card__meta,.map-browser-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.map-browser-card strong{font-size:1.05rem}.map-browser-card p{color:var(--muted);margin:0;line-height:1.55}.studio-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.95fr);align-items:start;gap:24px;display:grid}.studio-form,.studio-library{gap:16px;display:grid}.studio-dimension-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.lobby-card{flex:220px}.lobby-hint{color:var(--muted);margin:4px 0 0;font-size:.92rem}.lobby-team-list{isolation:isolate;grid-template-columns:minmax(0,1fr);position:relative;overflow:visible}.lobby-team{z-index:0;border-radius:24px;gap:16px;padding:20px;display:grid;overflow:visible}.lobby-team:has(.team-color-picker[open]){z-index:10}.lobby-team__header{justify-content:space-between;align-items:end;gap:16px;display:flex}.lobby-team__header p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem}.lobby-team__slots{gap:12px;display:grid;overflow:visible}.team-slot-row{z-index:0;background:#ffffff08;border:1px solid #6ec6ff29;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.team-slot-row:has(.team-color-picker[open]){z-index:12}.team-slot-row__identity{gap:6px;display:grid}.team-slot-row__seat{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem}.team-slot-row__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.team-slot-row__controls{flex-wrap:wrap;align-items:center;gap:12px;display:inline-flex}.team-slot-row strong{font-size:1.05rem;display:block}.team-slot-row p,.empty-state p{color:var(--muted);margin:0}.team-slot-row--host{border-color:#ffb36d57}.team-slot-row--empty{background:#6ee6ff0a;border-style:dashed}.team-slot-row[draggable=true]{cursor:grab}.team-slot-row[draggable=true]:active{cursor:grabbing}.team-slot-row.is-dragging{opacity:.6;transform:scale(.985)}.team-slot-row.is-drop-target{background:#6ee6ff1f;border-color:#6ee6ffa3;box-shadow:0 0 0 3px #6ee6ff14}.lobby-badge{min-width:72px;color:var(--text);letter-spacing:.14em;text-transform:uppercase;background:#6ee6ff1f;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.72rem;display:inline-flex}.lobby-badge--empty{color:var(--muted);background:#ffffff0f}.team-slot-row__swatch{background:var(--seat-color,#fff);width:14px;height:14px;box-shadow:0 0 0 3px color-mix(in srgb, var(--seat-color,#fff) 18%, transparent);border:1px solid #fff3;border-radius:999px;flex:none}.team-color-picker{position:relative}.team-color-picker[open]{z-index:2}.team-color-picker__trigger{min-width:138px;color:var(--text);cursor:pointer;background:#090e18eb;border:1px solid #6ec6ff3d;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;font-weight:600;line-height:1;list-style:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.team-color-picker__trigger::-webkit-details-marker{display:none}.team-color-picker__trigger:hover{border-color:#6ee6ff70;transform:translateY(-1px)}.team-color-picker__trigger:focus-visible{border-color:#6ee6ff8f;box-shadow:0 0 0 3px #6ee6ff1f}.team-color-picker__value{text-align:center;min-width:68px}.team-color-chip{min-width:138px;color:var(--text);background:#ffffff0a;border:1px solid #6ec6ff2e;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;font-weight:600;line-height:1;display:inline-flex}.team-color-picker__menu{overscroll-behavior:contain;min-width:178px;max-height:232px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:24;background:linear-gradient(#080d16f5,#080d16e6),radial-gradient(circle at 0 0,#6ee6ff1f,#0000 44%);border:1px solid #6ec6ff2e;border-radius:16px;gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.team-color-picker__option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;transition:transform .14s,border-color .14s,background .14s;display:inline-flex}.team-color-picker__option:hover{background:#6ee6ff17;border-color:#6ee6ff61;transform:translate(1px)}.team-color-picker__option.is-selected{background:#6ee6ff1f;border-color:#6ee6ff7a}.team-color-picker__option.is-disabled,.team-color-picker__option:disabled{opacity:.4;cursor:not-allowed;background:#ffffff05;border-color:#0000;transform:none}.lobby-remove-bot{min-height:40px;padding:0 14px}.empty-state{text-align:center}.empty-state strong{margin-bottom:8px;font-size:1.1rem;display:block}button{font:inherit}@media (width<=980px){.menu-shell{grid-template-columns:1fr;padding:18px}.menu-panel{padding:24px}.menu-title{max-width:none;font-size:clamp(1.9rem,12vw,3.2rem)}.menu-sidecar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.lobby-team__header,.team-slot-row{flex-direction:column;align-items:start}.studio-grid{grid-template-columns:1fr}.team-slot-row__actions{justify-content:space-between;width:100%}}.game-shell{width:100%;height:100%;position:relative}.viewport,.hud-layer{position:absolute;inset:0}.loading-overlay{z-index:8;background:radial-gradient(circle at top,#6ee6ff1f,#0000 42%),linear-gradient(#04080f80,#02050ad1);place-items:center;padding:24px;transition:opacity .22s,visibility .22s;display:grid;position:absolute;inset:0}.loading-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{width:min(420px,100vw - 40px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080d16d1;border:1px solid #6ec6ff38;border-radius:24px;padding:28px}.loading-eyebrow{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;display:inline-block}.loading-title{margin-bottom:18px;font-size:clamp(1.25rem,4vw,1.7rem);line-height:1.05;display:block}.loading-track{background:#ffffff0f;border:1px solid #6ec6ff3d;border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.loading-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#6ee6ffd9,#ffb36de0),linear-gradient(#ffffff52,#fff0);width:0;height:100%;transition:width .14s ease-out;box-shadow:0 0 24px #6ee6ff47,inset 0 1px #ffffff3d}.loading-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.loading-status,.loading-percent{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.loading-percent{color:var(--text);font-variant-numeric:tabular-nums}.perf-overlay{z-index:4;border:1px solid var(--line-strong);min-width:74px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#72edff29,#0e1724cc);border-radius:14px;gap:8px;padding:10px 14px;font-size:.65rem;line-height:1.2;display:grid;position:absolute;top:18px;left:18px}.perf-overlay__summary{align-items:center;gap:6px;display:flex}.perf-overlay__fps{letter-spacing:-.05em;color:var(--text);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700;line-height:1}.perf-overlay__summary-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:.54rem;line-height:1}.viewport{z-index:0;overflow:hidden}.health-bar-layer{z-index:1;pointer-events:none;display:block;position:absolute;inset:0}.hud-layer{pointer-events:none;z-index:3}.game-canvas{outline:none;width:100%;height:100%;display:block}.hud-root{pointer-events:none;position:absolute;inset:0}.hud-teams,.hud-settings,.hud-minimap,.hud-dock,.pause-card,.pause-overlay{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hud-teams,.hud-settings,.hud-minimap,.hud-dock,.pause-card,.pause-overlay,.hud-team-toggle,.hud-settings-toggle,.dock-button,.hero-button{pointer-events:auto}.hud-teams,.hud-minimap,.hud-dock{border-radius:18px;position:absolute}.eyebrow,.dock-button em,.team-card span,.hud-events header{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.team-card strong,.pause-card strong{font-size:1rem}.hero-button,.dock-button,.hud-team-toggle,.hud-settings-toggle{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;background:linear-gradient(#72edff29,#0e1724cc);border-radius:14px;transition:transform .12s,border-color .12s,background .12s}.hero-button:hover,.dock-button:hover,.hud-team-toggle:hover,.hud-settings-toggle:hover{border-color:#a9f0ffb3;transform:translateY(-1px)}.hero-button:disabled,.dock-button:disabled,.hud-team-toggle:disabled,.hud-settings-toggle:disabled{opacity:.45;cursor:not-allowed;transform:none}.hud-top-actions{pointer-events:auto;gap:10px;display:flex;position:absolute;top:18px;right:18px}.hud-team-toggle,.hud-settings-toggle{width:48px;height:48px;box-shadow:var(--shadow);place-items:center;padding:0;display:grid}.hud-team-toggle.active,.hud-settings-toggle.active{background:linear-gradient(#ffb36d29,#0e1724d1);border-color:#ffb36dd1}.team-toggle-icon{font-size:1rem;line-height:1}.team-toggle-count{min-width:16px;color:var(--muted);letter-spacing:.08em;background:#02050ae0;border:1px solid #ffffff14;border-radius:999px;padding:1px 4px;font-size:.46rem;line-height:1;position:absolute;bottom:4px;right:4px}.settings-toggle-icon{font-size:1rem;line-height:1}.hud-teams{z-index:3;gap:10px;width:245px;max-height:min(420px,100vh - 110px);padding:14px;display:none;top:74px;right:18px;overflow:auto}.hud-teams.is-open{display:grid}.hud-team-header{gap:4px;display:grid}.hud-team-header strong{font-size:.92rem;line-height:1.1}.hud-team-list{gap:10px;display:grid}.team-card{background:linear-gradient(135deg, color-mix(in srgb, var(--team-color) 22%, transparent), transparent), #0b121cd6;border:1px solid #ffffff0d;border-radius:14px;gap:4px;padding:12px 14px;display:grid;position:relative}.hud-minimap{border:1px solid var(--line-strong);width:260px;box-shadow:var(--shadow);background:linear-gradient(#72edff29,#0e1724cc);border-radius:14px;padding:12px;bottom:18px;left:18px}.hud-minimap header,.hud-events header,.hud-dock h3{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem}.hud-minimap canvas{cursor:pointer;background:#02050acc;border:1px solid #6ec6ff38;border-radius:12px;width:100%;height:auto;display:block;box-shadow:inset 0 1px #ffffff0a}.hud-dock{border:1px solid var(--line-strong);width:min(432px,100vw - 36px);box-shadow:var(--shadow);background:linear-gradient(#72edff29,#0e1724cc);border-radius:14px;padding:8px;position:absolute;bottom:18px;right:18px;overflow:hidden;transform:none}.command-header{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:5px;margin-bottom:4px;display:grid}.command-title strong{margin-top:1px;font-size:.76rem;line-height:1.1;display:block}.command-title .eyebrow{color:#e3edf8f0;text-shadow:0 0 16px #6ee6ff1f}.command-title small{color:#e3edf8c7;min-height:0;margin-top:2px;font-size:.64rem;line-height:1.15;display:none}.command-stats{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.command-stat{background:linear-gradient(#72edff14,#0e17248a);border:1px solid #6ec6ff38;border-radius:7px;align-items:baseline;gap:3px;min-width:0;padding:3px 5px;display:flex}.command-stat span{color:#e3edf8cc;letter-spacing:.12em;text-transform:uppercase;font-size:.5rem;line-height:1}.command-stat strong{font-size:.6rem;line-height:1.1}.command-utility{justify-items:end;display:grid}.command-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin-bottom:4px;display:grid}.combat-card{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:4px;display:grid}.combat-command{min-height:44px;color:var(--text);text-align:left;background:linear-gradient(#7ad0ff1a,#090e16db),#080d16e6;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:6px;padding:6px 7px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.combat-command:not(.is-passive){cursor:pointer}.combat-command:not(.is-passive):hover{border-color:#a9f0ff94;box-shadow:0 10px 24px #0000003d}.combat-command.is-passive{opacity:.76}.combat-command-icon{color:#a9f0ffe0;font-size:.86rem;line-height:1}.combat-command-copy{gap:1px;min-width:0;display:grid}.combat-command-copy strong{font-size:.54rem;line-height:1.1}.combat-command-copy small{color:#e3edf8cc;font-size:.46rem;line-height:1.15}.combat-command-key{color:var(--accent-warm);letter-spacing:.1em;text-transform:uppercase;background:#02050ad1;border:1px solid #ffffff14;border-radius:999px;align-self:start;padding:2px 5px;font-size:.42rem;line-height:1}.command-tab{color:#e3edf8c7;cursor:pointer;background:linear-gradient(#72edff14,#0e17248f);border:1px solid #6ec6ff38;border-radius:7px;justify-items:center;gap:1px;min-height:28px;padding:2px 2px 1px;transition:border-color .12s,background .12s,color .12s;display:grid}.command-tab:hover{color:var(--text);border-color:#a9f0ff73}.command-tab.active{color:var(--text);background:linear-gradient(#6ee6ff29,#0e1724c2);border-color:#6ee6ff94}.tab-icon{font-size:.68rem;line-height:1}.tab-label{letter-spacing:.12em;text-transform:uppercase;font-size:.46rem}.command-panel{background:linear-gradient(#72edff1a,#0e17249e);border:1px solid #6ec6ff38;border-radius:9px;padding:4px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.command-grid{grid-template-columns:repeat(8,minmax(0,1fr));justify-content:stretch;gap:4px;width:100%;display:grid}.command-hover{background:linear-gradient(#72edff14,#0e172485);border:1px solid #6ec6ff33;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title meta""detail detail";align-content:start;align-items:start;gap:2px 6px;min-height:44px;margin-top:4px;padding:4px 6px;display:grid}.command-hover strong{grid-area:title;font-size:.62rem;line-height:1.1}.command-hover span,.command-hover em{color:#e3edf8cc;font-size:.54rem;line-height:1.1}.command-hover span{grid-area:detail}.command-hover em{letter-spacing:.08em;text-transform:uppercase;grid-area:meta;place-self:start end;font-style:normal}.command-slot{aspect-ratio:1;min-width:0;min-height:48px;color:var(--text);cursor:pointer;background:linear-gradient(#7ad0ff1c,#090e16e0),#080d16e6;border:1px solid #ffffff14;border-radius:8px;place-items:center;padding:0;transition:border-color .12s,background .12s,box-shadow .12s;display:grid;position:relative}.command-slot:hover{border-color:#a9f0ff9e;box-shadow:0 12px 24px #00000047}.command-slot.active{background:linear-gradient(#ffb36d38,#0e1724e6),#080d16eb;border-color:#ffb36de6}.command-slot.is-disabled{opacity:.5}.command-slot.filler{pointer-events:none;background:linear-gradient(#72edff0d,#0e17246b);border-style:dashed;border-color:#6ec6ff1f}.slot-icon{text-shadow:0 0 20px #6ee6ff38;font-size:1rem;line-height:1}.slot-badge,.slot-corner{letter-spacing:.08em;text-transform:uppercase;background:#02050ad1;border:1px solid #ffffff14;border-radius:999px;padding:1px 4px;font-size:.42rem;line-height:1;position:absolute}.slot-badge{color:var(--accent-warm);bottom:4px;left:4px}.slot-corner{color:#e3edf8c7;top:4px;right:4px}.dock-button.active{background:linear-gradient(#ffb36d29,#0e1724d1);border-color:#ffb36dd1}.hero-button{text-align:center;border-radius:7px;width:42px;height:42px;padding:0;font-size:.48rem;line-height:1.05}.pause-overlay{background:#02050a85;place-items:center;display:grid;position:absolute;inset:0}.pause-card{text-align:center;border-radius:24px;width:min(420px,100vw - 40px);padding:28px}.pause-card p{color:var(--muted);line-height:1.5}.drag-box{z-index:6;pointer-events:none;background:#6ee6ff1f;border:1px solid #6ee6fff2;position:absolute;box-shadow:inset 0 0 0 1px #ffffff38}.hidden{display:none}.hud-settings{z-index:3;border-radius:18px;gap:12px;width:min(320px,100vw - 108px);padding:14px;display:grid;position:absolute;top:74px;right:74px}.hud-settings.hidden{display:none}.hud-settings-header{gap:4px;display:grid}.hud-settings-header strong{font-size:.92rem;line-height:1.1}.hud-settings-options{gap:10px;display:grid}.hud-settings-option{color:var(--text);text-align:left;cursor:pointer;background:linear-gradient(#7ad0ff14,#090e16d1),#080d16e6;border:1px solid #ffffff14;border-radius:14px;padding:12px 13px;transition:transform .12s,border-color .12s,background .12s,box-shadow .12s}.hud-settings-option:hover{border-color:#a9f0ff80;transform:translateY(-1px);box-shadow:0 12px 24px #0000003d}.hud-settings-option.active{background:linear-gradient(#ffb36d2e,#0e1724e0),#080d16f0;border-color:#ffb36dd1}.settings-option-label{font-size:.78rem;line-height:1.1;display:block}.settings-option-copy{color:var(--muted);margin-top:5px;font-size:.62rem;line-height:1.35;display:block}.editor-shell{box-sizing:border-box;background:radial-gradient(circle at top,#6ee6ff1a,#0000 42%),linear-gradient(#08111c 0%,#02060b 100%);grid-template-rows:auto minmax(0,1fr);gap:18px;width:100%;height:100%;padding:22px;display:grid;overflow:hidden}.editor-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;min-height:0;display:grid}.editor-stage-frame,.editor-stage,.editor-viewport{width:100%;height:100%}.editor-viewport{z-index:0;position:absolute;inset:0}.editor-viewport .health-bar-layer{z-index:1}.editor-topbar,.editor-sidebar,.editor-stage-frame,.editor-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#080d16e0,#080d16b8),radial-gradient(circle at 0 0,#6ee6ff1f,#0000 42%);border:1px solid #6ec6ff2e}.editor-topbar{border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.editor-topbar__title{flex:320px;gap:3px;min-width:min(320px,100%);display:grid}.editor-topbar__title strong{letter-spacing:-.03em;font-size:1.1rem}.editor-topbar__title span:last-child{color:var(--muted);font-size:.88rem}.editor-topbar__actions{align-items:center;gap:10px;display:flex}.editor-topbar__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor-sidebar{border-radius:28px;align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.editor-stage-frame{border-radius:28px;min-width:0;min-height:0;padding:14px}.editor-stage{isolation:isolate;background:radial-gradient(circle at top,#6ee6ff14,#0000 38%),linear-gradient(#070c14f5,#02050afa);border-radius:22px;min-height:0;position:relative;overflow:hidden}.editor-viewport{border-radius:inherit;overflow:hidden}.editor-viewport .game-canvas,.editor-viewport .health-bar-layer{border-radius:inherit}.editor-panel{border-radius:22px;gap:12px;padding:16px;display:grid}.editor-tool-grid,.editor-chip-list,.editor-stat-list{flex-wrap:wrap;gap:8px;display:flex}.editor-tool,.editor-chip{color:var(--text);font:inherit;cursor:pointer;text-transform:capitalize;background:#ffffff0a;border:1px solid #6ec6ff33;border-radius:999px;padding:10px 14px;transition:border-color .16s,transform .16s,background .16s}.editor-tool:hover,.editor-chip:hover{border-color:#6ee6ff75;transform:translateY(-1px)}.editor-tool.is-active,.editor-chip.is-active{background:linear-gradient(#ffb36d2e,#080d16e0);border-color:#ffb36d7a}.editor-icon-button{width:46px;height:46px;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #6ec6ff3d;border-radius:16px;justify-content:center;align-items:center;padding:0;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex;position:relative}.editor-icon-button:hover:not(:disabled){border-color:#6ee6ff7a;transform:translateY(-1px)}.editor-icon-button.is-active{background:linear-gradient(#ffb36d2e,#080d16e0);border-color:#ffb36d7a}.editor-icon-button:disabled{opacity:.55;cursor:progress}.editor-icon-button--warm{background:linear-gradient(#ffb36d29,#080d16e6);border-color:#ffb36d57}.editor-icon-button__glyph{font-size:1.1rem;line-height:1}.editor-tooltip{opacity:0;pointer-events:none;z-index:4;justify-items:center;transition:opacity .14s,transform .14s;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,6px)}.editor-tooltip__body{color:var(--text);white-space:nowrap;background:#060b12f5;border:1px solid #6ec6ff3d;border-radius:10px;padding:7px 10px;font-size:.76rem;line-height:1;display:block;position:relative;box-shadow:0 14px 36px #00000057}.editor-tooltip__arrow{width:18px;height:10px;margin-top:-1px;position:relative;overflow:hidden}.editor-tooltip__arrow:before{content:"";background:#060b12f5;border:1px solid #6ec6ff3d;width:14px;height:14px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.editor-icon-button:hover .editor-tooltip,.editor-icon-button:focus-visible .editor-tooltip{opacity:1;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editor-stat-list{color:var(--muted);font-size:.82rem}.editor-help{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}@media (width<=860px){.editor-shell{gap:12px;padding:12px}.editor-workspace{grid-template-columns:1fr;grid-template-areas:"stage""sidebar"}.editor-topbar{border-radius:20px;align-items:start;padding:14px}.editor-topbar__title{flex-basis:100%;min-width:100%}.editor-topbar__tools,.editor-topbar__actions{width:100%}.editor-sidebar{border-radius:24px;grid-area:sidebar;max-height:min(48vh,420px)}.editor-stage-frame{border-radius:24px;grid-area:stage;min-height:min(58vh,560px);padding:12px}.perf-overlay{min-width:74px;top:12px;left:12px}.hud-root{grid-template-rows:auto auto 1fr auto;gap:10px;padding:12px;display:grid}.hud-minimap{width:auto;position:static}.hud-top-actions{top:12px;right:12px}.hud-teams{width:min(280px,100vw - 24px);max-height:min(360px,100vh - 92px);top:68px;right:12px}.hud-settings{width:min(300px,100vw - 92px);top:68px;right:68px}.hud-dock{order:10;width:auto;position:static;transform:none}.command-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:3px}.combat-card{grid-template-columns:repeat(2,minmax(0,1fr))}.command-slot{min-height:56px}.command-title small{display:block}.hero-button{width:100%;height:34px}}