:root{--element-fire:#ff5a36;--element-air:#ffd23f;--element-earth:#34d17b;--element-poison:#a6e822;--element-water:#3f8dff;--element-arcane:#b45cff;--element-fire-glow:#ff7a2a;--element-air-glow:#ffe173;--element-earth-glow:#4deda0;--element-poison-glow:#c3ff4d;--element-water-glow:#6af;--element-arcane-glow:#cf8dff;--element-fire-core:#ffd9a0;--element-air-core:#fff6c8;--element-earth-core:#c8ffdc;--element-poison-core:#eaffb0;--element-water-core:#d8ecff;--element-arcane-core:#f2e2ff;--element-fire-deep:#7a1d0d;--element-air-deep:#7a5e10;--element-earth-deep:#0d5c38;--element-poison-deep:#3d5c0a;--element-water-deep:#12336e;--element-arcane-deep:#42126e;--sf-cyan:#5cd8ff;--sf-amber:#ffb03c;--sf-danger:#ff4f6d;--sf-text:#e8ecf4;--ink-on-accent:#1d1505;--slot-fill:linear-gradient(180deg, #232939 0%, #101320 100%);--slot-disc:radial-gradient(circle at 35% 30%, #333e58, #0c0e15);--mask-chamfer:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));--mask-card:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));--hex-mask:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--void-fill:radial-gradient(circle at center, #0d1420 0%, #04060b 100%);--z-hud:10;--z-flyout:20;--z-panel:30;--z-toast:38;--z-chooser:41;--z-modal:60;--z-tooltip:120}.hud-btn:focus-visible,.cc-slot:focus-visible,.ability-slot:focus-visible,.radial-btn:focus-visible,.color-swatch:focus-visible,.gate-card:focus-visible,.ui-input:focus-visible,.auth-tab:focus-visible,.chip:focus-visible,[role=tab]:focus-visible{--edge:var(--sf-cyan);box-shadow:inset 0 0 0 2px var(--sf-cyan), inset 0 0 12px -2px var(--sf-cyan);outline:none}.chip{font-family:var(--sf-font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--sf-text-dim);white-space:nowrap;background:#0000004d;border:1px solid #ffffff14;border-radius:3px;padding:1px 6px;font-size:10px;line-height:1.5;display:inline-block}.chip-accent{color:var(--chip-accent,var(--sf-cyan));border-color:color-mix(in srgb, var(--chip-accent,var(--sf-cyan)) 40%, transparent)}.hex-plate{clip-path:var(--hex-mask)}.slot-fill{background:var(--slot-fill)}.ink-on-accent{color:var(--ink-on-accent)}.section-title{font-family:var(--sf-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--section-ink,var(--sf-amber));margin:0 0 6px;font-size:10px;font-weight:700;display:block}.section-title-ion{--section-ink:var(--sf-cyan)}.chart-tip{pointer-events:none;font-family:var(--sf-font-mono);color:var(--sf-text);background:var(--sf-panel-lo);border:1px solid var(--sf-border);white-space:nowrap;z-index:var(--z-tooltip);padding:5px 9px;font-size:11px;position:fixed}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--resource-wood:#ffb03c;--resource-stone:#e8ecf4;--sf-arcane:#c86bff;--sf-panel-hi:#262b38;--sf-panel-lo:#14161f;--sf-border:#3c4358;--sf-border-dim:#262b3a;--sf-edge:#6fa8c9;--sf-edge-dim:#4a5570;--sf-cyan-dim:#2b6d8a;--sf-amber-dim:#8a5f18;--sf-text-dim:#8b93ad;--sf-font-display:"Chakra Petch", sans-serif;--sf-font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--sf-font-mono:"Share Tech Mono", "Space Grotesk", monospace;--cut:12px;--btn-edge-coat:linear-gradient(180deg, #c8e8ff66 0%, transparent 42%, #0006 100%);--btn-face-coat:linear-gradient(180deg, #ffffff21 0%, #ffffff08 34%, transparent 37%), linear-gradient(0deg, #00000052 0%, transparent 45%);--sf-glow-cyan:0 0 12px #5cd8ff59;--sf-glow-amber:0 0 14px #ffb03c73}@media (prefers-reduced-motion:reduce){#ui-root *,#ui-root :before,#ui-root :after,.lobby-screen *,#join-screen *,#auth-screen *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--ui-vw:tan(atan2(100vw, 1px));--ui-vh:tan(atan2(100vh, 1px));--ui-desktop-boost:1.2;--ui-scale-min:calc(.78 * var(--ui-desktop-boost));--ui-scale-w:calc((.88 + (var(--ui-vw) - 1920) * .0000625) * var(--ui-desktop-boost));--ui-scale-h:calc((.88 + (var(--ui-vh) - 1080) * .000111111) * var(--ui-desktop-boost));--ui-scale:clamp(var(--ui-scale-min), min(var(--ui-scale-w), var(--ui-scale-h)), var(--ui-desktop-boost));--ui-scale-mobile:.72;--hud-left-zoom:1;--consent-h:calc(var(--gctd-consent-h,0px) / var(--ui-scale));--gap:12px;--side-w:66px;--info-w:300px;--portrait-w:264px;--portrait-max-h:330px;--intel-h:190px;--minimap-h:296px;--cc-cols:3;--slot-w:96px;--slot-h:104px;--slot-icon:34px;--chat-h:132px;--ability-sz:58px;--ability-icon:30px}.hud-panel,.hud-panel:before,.hud-btn,.hud-btn:before,.cc-slot,.cc-slot:before,.ability-slot,.ability-slot:before,.radial-btn,.radial-btn:before,.color-swatch,.color-swatch:before,#portrait-icon,#portrait-icon:before,#gameover-banner,#gameover-banner:before{clip-path:var(--mask-chamfer)}#ui-root{pointer-events:none;color:var(--sf-text);font-family:var(--sf-font-ui);zoom:var(--ui-scale);font-size:14px;position:fixed;inset:0}#ui-root *,#join-screen *,#auth-screen *,.lobby-screen *{box-sizing:border-box}#ui-root [hidden],#join-screen [hidden],#auth-screen [hidden],.lobby-screen [hidden]{display:none!important}.el-earth{--el-color:var(--element-earth)}.el-water{--el-color:var(--element-water)}.el-air{--el-color:var(--element-air)}.el-fire{--el-color:var(--element-fire)}.el-poison{--el-color:var(--element-poison)}.el-arcane{--el-color:var(--element-arcane)}:root{--cur-arrow:image-set(url(/assets/cursors/arrow.png) 1x, url(/assets/cursors/arrow@2x.png) 2x) 2 2;--cur-arrow-1x:url(/assets/cursors/arrow.png) 2 2;--cur-pointer:image-set(url(/assets/cursors/pointer.png) 1x, url(/assets/cursors/pointer@2x.png) 2x) 2 2;--cur-pointer-1x:url(/assets/cursors/pointer.png) 2 2;--cur-pointerHot:image-set(url(/assets/cursors/pointerHot.png) 1x, url(/assets/cursors/pointerHot@2x.png) 2x) 2 2;--cur-pointerHot-1x:url(/assets/cursors/pointerHot.png) 2 2;--cur-reticle:image-set(url(/assets/cursors/reticle.png) 1x, url(/assets/cursors/reticle@2x.png) 2x) 16 16;--cur-reticle-1x:url(/assets/cursors/reticle.png) 16 16;--cur-inspect:image-set(url(/assets/cursors/inspect.png) 1x, url(/assets/cursors/inspect@2x.png) 2x) 16 16;--cur-inspect-1x:url(/assets/cursors/inspect.png) 16 16;--cur-build:image-set(url(/assets/cursors/build.png) 1x, url(/assets/cursors/build@2x.png) 2x) 16 16;--cur-build-1x:url(/assets/cursors/build.png) 16 16;--cur-target:image-set(url(/assets/cursors/target.png) 1x, url(/assets/cursors/target@2x.png) 2x) 16 16;--cur-target-1x:url(/assets/cursors/target.png) 16 16;--cur-deny:image-set(url(/assets/cursors/deny.png) 1x, url(/assets/cursors/deny@2x.png) 2x) 16 16;--cur-deny-1x:url(/assets/cursors/deny.png) 16 16;--cur-pan:image-set(url(/assets/cursors/pan.png) 1x, url(/assets/cursors/pan@2x.png) 2x) 16 16;--cur-pan-1x:url(/assets/cursors/pan.png) 16 16}body{cursor:var(--cur-arrow-1x), default;cursor:var(--cur-arrow), default}button,summary,a[href],[role=button],label.escape-row,label.sb-toggle,label.join-switch,input[type=checkbox].ui-switch,.kb-node.buyable,.chooser.collapsed{cursor:var(--cur-pointer-1x), pointer;cursor:var(--cur-pointer), pointer}button:hover:not(:disabled):not(.is-disabled),summary:hover,a[href]:hover,[role=button]:hover:not([aria-disabled=true]),label.escape-row:hover,label.sb-toggle:hover,label.join-switch:hover,input[type=checkbox].ui-switch:hover,.kb-node.buyable:hover,.chooser.collapsed:hover{cursor:var(--cur-pointerHot-1x), pointer;cursor:var(--cur-pointerHot), pointer}button:disabled,.is-disabled,[aria-disabled=true],.room-row.disabled{cursor:var(--cur-deny-1x), not-allowed;cursor:var(--cur-deny), not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],textarea{cursor:text}input[type=range].ui-slider{cursor:var(--cur-pointer-1x), grab;cursor:var(--cur-pointer), grab}.hero-stat{cursor:help}#renderCanvas,#minimap{cursor:var(--cur-reticle-1x), crosshair;cursor:var(--cur-reticle), crosshair}body[data-cursor=build] #renderCanvas{cursor:var(--cur-build-1x), copy;cursor:var(--cur-build), copy}body[data-cursor=target] #renderCanvas{cursor:var(--cur-target-1x), crosshair;cursor:var(--cur-target), crosshair}body[data-cursor=inspect] #renderCanvas{cursor:var(--cur-inspect-1x), pointer;cursor:var(--cur-inspect), pointer}body[data-cursor=pan] #renderCanvas,body[data-cursor=pan]{cursor:var(--cur-pan-1x), grabbing;cursor:var(--cur-pan), grabbing}@media (pointer:coarse){body,button,#renderCanvas,#minimap{cursor:auto}}.hud-panel{isolation:isolate;pointer-events:auto;background:linear-gradient(180deg, #5a6d8f 0%, var(--sf-border) 32%, #10141d 100%);filter:drop-shadow(0 4px 14px #0009);padding:10px 12px;position:relative}.hud-panel:before{content:"";z-index:0;background:linear-gradient(180deg, var(--panel-sheen,#b4e0ff1f) 0, transparent 46px), linear-gradient(0deg, #0000004d 0, transparent 34px), linear-gradient(158deg, var(--sf-panel-hi) 0%, var(--sf-panel-lo) 70%);position:absolute;inset:1px;box-shadow:inset 0 0 30px #0000008c}.hud-panel>*{z-index:1;position:relative}.hud-stack{flex-direction:column;gap:6px;display:flex}.panel-title{font-family:var(--sf-font-display);letter-spacing:.1em;text-align:center;text-transform:uppercase;color:var(--panel-title-ink,var(--sf-text));text-shadow:0 1px 0 #000c, 0 0 12px var(--panel-title-glow,#ffc85a2e);border-bottom:1px solid var(--sf-border-dim);margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:500;display:block}.panel-title:after{content:"";background:linear-gradient(90deg, transparent, var(--sf-amber), transparent);width:46px;height:2px;margin:6px auto -7px;display:block}.hud-btn,.cc-slot,.ability-slot,.radial-btn,.color-swatch,#portrait-icon,#gameover-banner{isolation:isolate;background:var(--edge,var(--sf-edge));border:0;position:relative}.hud-btn:before,.cc-slot:before,.ability-slot:before,.radial-btn:before,.color-swatch:before,#portrait-icon:before,#gameover-banner:before{content:"";z-index:-1;background:var(--fill,transparent);position:absolute;inset:1px}.cc-slot,.ability-slot,.radial-btn{background:var(--btn-edge-coat), var(--edge)}.cc-slot:after,.ability-slot:after,.radial-btn:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 50% 30%, color-mix(in srgb, var(--slot-color,transparent) 14%, transparent), transparent 75%), linear-gradient(180deg, #ffffff1a 0%, #ffffff05 30%, transparent 33%), linear-gradient(0deg, #00000052 0%, transparent 40%);position:absolute;inset:1px}.slot-earth{--slot-color:var(--element-earth)}.slot-water{--slot-color:var(--element-water)}.slot-air{--slot-color:var(--element-air)}.slot-fire{--slot-color:var(--element-fire)}.slot-poison{--slot-color:var(--element-poison)}.slot-arcane{--slot-color:var(--element-arcane)}.icon{vertical-align:-.14em;flex:none;place-items:center;line-height:0;display:inline-grid}.icon>svg{width:1em;height:1em;display:block}.title-icon{vertical-align:-.22em;margin-right:.25em;font-size:1.25em}.hud-btn{pointer-events:auto;font-family:var(--sf-font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text);--edge:var(--sf-edge);--fill:linear-gradient(180deg, var(--btn-fill-hi,#243d20) 0%, var(--btn-fill-lo,#12151f) 100%);--cut:6px;--edge-coat:var(--btn-edge-coat);--face-coat:var(--btn-face-coat);background:var(--edge-coat), var(--edge);text-shadow:0 1px #0000008c;padding:7px 14px;font-size:12px;font-weight:700;transition:color .12s,background .12s,box-shadow .12s,filter .12s}.hud-btn:after{content:"";z-index:-1;pointer-events:none;background:var(--face-coat);position:absolute;inset:1px}.hud-btn:hover:not(:disabled):not(.is-disabled){color:#fff;--edge:var(--sf-cyan);--fill:linear-gradient(180deg, var(--btn-hover-hi,#3c4a66) 0%, var(--btn-hover-lo,#191e2c) 100%);box-shadow:inset 0 0 14px -3px #5cd8ff8c}.hud-btn:active:not(:disabled):not(.is-disabled){filter:brightness(.88);transform:translateY(1px)}.hud-btn:disabled,.hud-btn.is-disabled{opacity:.4;filter:grayscale(.6)}.hud-btn .btn-cost{color:var(--sf-amber);font-family:var(--sf-font-mono);letter-spacing:0;flex-wrap:wrap;align-items:center;gap:1px 5px;display:inline-flex}.hud-btn-primary{color:var(--ink-on-accent);--edge:var(--sf-amber);--fill:linear-gradient(180deg, var(--sf-amber) 0%, #c47a18 100%);text-shadow:0 1px #ffe2a08c;--face-coat:linear-gradient(180deg, #ffffff61 0%, #ffffff1a 34%, transparent 37%), linear-gradient(0deg, #70340466 0%, transparent 45%)}.hud-btn-primary:hover:not(:disabled):not(.is-disabled){color:var(--ink-on-accent);--edge:#ffd489;--fill:linear-gradient(180deg, #ffc766 0%, #d2871c 100%);box-shadow:inset 0 0 16px -4px #ffffffbf}.hud-btn-ghost{--edge:transparent;--fill:transparent;color:var(--sf-cyan);--edge-coat:none;--face-coat:none;text-shadow:none}.hotkey{border:1px solid var(--sf-edge-dim);letter-spacing:.04em;text-transform:uppercase;min-width:15px;color:var(--sf-text-dim);text-shadow:0 1px #000c;pointer-events:none;background:linear-gradient(#2a3042 0%,#151824 100%);border-bottom-width:2px;border-radius:3px;place-items:center;padding:1px 3px 0;font-family:inherit;font-size:9px;font-weight:700;line-height:1.4;display:inline-grid}.hotkey:empty{display:none}.meter{border:1px solid var(--sf-border-dim);background:#0e1119;height:6px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--sf-cyan-dim), var(--sf-cyan));width:0;height:100%;transition:width .25s ease-out;display:block;box-shadow:0 0 8px #5cd8ff99}.meter-danger>i{background:linear-gradient(90deg, #8a2038, var(--sf-danger));box-shadow:0 0 8px #ff4f6d99}.cost-pair,.hud-btn .btn-cost,.cc-cost,.ability-cost,.radial-face{pointer-events:none}.cost-pair{white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.cost-pair.short{color:var(--sf-danger);font-weight:700}.threat-row{border-left:2px solid var(--threat-color,var(--sf-border));align-items:center;gap:7px;padding:3px 0 3px 6px;display:flex}.threat-row+.threat-row{border-top:1px solid #46527e47;margin-top:3px;padding-top:5px}.threat-icon{filter:drop-shadow(0 0 5px var(--threat-color,transparent));font-size:19px}.threat-body{flex:1;min-width:0}.threat-head{align-items:center;gap:5px;display:flex}.threat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sf-text);flex:1;font-size:11px;font-weight:600;overflow:hidden}.threat-element{color:var(--sf-text-dim);font-size:11px}.threat-movement{font-size:12px;display:inline-flex}.threat-flying{color:var(--sf-cyan)}.threat-jumping{color:var(--sf-amber)}.ui-input,#join-screen input:not([type=checkbox]),#auth-screen input:not([type=checkbox]){font-family:var(--sf-font-ui);color:var(--sf-text);border:1px solid var(--sf-edge-dim);background:#081019;outline:none;padding:8px 10px;font-size:13px}.ui-input:focus,#join-screen input:not([type=checkbox]):focus,#auth-screen input:not([type=checkbox]):focus{border-color:var(--sf-cyan-dim);box-shadow:var(--sf-glow-cyan)}.ui-slider{appearance:none;background:0 0;flex:none;width:110px;height:14px;margin:0}.ui-slider::-webkit-slider-runnable-track{border:1px solid var(--sf-edge-dim);background:linear-gradient(#0b0e16,#1c2232);height:4px}.ui-slider::-webkit-slider-thumb{appearance:none;width:13px;height:13px;clip-path:var(--hex-mask);background:linear-gradient(180deg, #b8ecff 0%, var(--sf-cyan) 45%, #1a5e78 100%);margin-top:-5.5px}.ui-slider::-moz-range-track{border:1px solid var(--sf-edge-dim);background:linear-gradient(#0b0e16,#1c2232);height:4px}.ui-slider::-moz-range-thumb{width:13px;height:13px;clip-path:var(--hex-mask);background:linear-gradient(180deg, #b8ecff 0%, var(--sf-cyan) 45%, #1a5e78 100%);border:0;border-radius:0}.ui-switch{appearance:none;border:1px solid var(--sf-edge-dim);background:linear-gradient(#0b0e16,#1c2232);flex:none;width:34px;height:18px;margin:0;padding:0;transition:border-color .12s,box-shadow .12s;position:relative}.ui-switch:before{content:"";background:linear-gradient(#6c7690,#3a4258);width:12px;height:12px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.ui-switch:checked{border-color:var(--sf-cyan-dim);box-shadow:inset 0 0 8px -2px #5cd8ff80}.ui-switch:checked:before{background:linear-gradient(180deg, #b8ecff, var(--sf-cyan));left:18px}.fx-vignette{pointer-events:none;opacity:0;position:absolute;inset:0}#fx-vignette-wave{background:radial-gradient(#0000 55%,#ff8c2847 82%,#ff8c2899 100%)}#fx-vignette-life{background:radial-gradient(#0000 48%,#ff2d4657 80%,#ff2d46b3 100%)}.fx-vignette.flash{animation:1s ease-out fx-vignette-flash}@keyframes fx-vignette-flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}#hud-left,#hud-right{top:var(--gap);bottom:calc(var(--gap) + var(--consent-h));gap:var(--gap);pointer-events:none;flex-direction:column;display:flex;position:absolute}#hud-left{left:var(--gap);width:var(--side-w);zoom:var(--hud-left-zoom)}#hud-right{right:var(--gap);width:var(--info-w)}#hud-right-spacer{flex:auto;min-height:0}#hud-top-center{top:var(--gap);width:max-content;max-width:calc(100vw / var(--ui-scale) - (var(--side-w) * var(--hud-left-zoom) + var(--info-w) + var(--gap) * 4));pointer-events:none;flex-flow:column;justify-content:center;align-items:center;gap:8px;margin:0 auto;display:flex;position:absolute;left:0;right:0}#brand-bar{--cut:10px;flex:none;align-items:center;gap:9px;padding:6px 8px 6px 11px;display:flex}#brand-mark{filter:drop-shadow(0 0 6px #7ed87873);flex:none;display:block}#brand-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--sf-font-display);letter-spacing:.06em;color:#fff;flex:1;font-size:13px;overflow:hidden}#btn-menu{flex:none;padding:7px 9px}#btn-menu .icon{font-size:16px}#bottom-stack{left:calc(var(--side-w) * var(--hud-left-zoom) + var(--gap) * 2);right:calc(var(--info-w) + var(--gap) * 2);bottom:calc(var(--gap) + var(--consent-h));pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}#bottom-stack>*{pointer-events:auto}#wave-banner{--cut:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;padding:8px 16px;display:flex}.wave-title{font-family:var(--sf-font-display);font-size:clamp(14px, calc(1.6vw / var(--ui-scale)), 19px);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--ink-on-accent);background:linear-gradient(180deg, #ffc75e 0%, var(--sf-amber) 55%, #d88f22 100%);--cut:5px;clip-path:var(--mask-chamfer);text-shadow:0 1px #ffffff40;flex:none;padding:5px 12px 4px;line-height:1}.wave-sub{white-space:nowrap;color:var(--sf-text-dim);align-items:baseline;gap:6px;font-size:11px;display:flex}.wave-timer{font-family:var(--sf-font-mono);color:var(--sf-cyan);font-size:13px}.wave-strip{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--sf-text-dim);border:1px solid var(--sf-border-dim);background:#00000059;flex:none;padding:2px 8px;font-size:10px;font-weight:700}.wave-strip:empty{display:none}.strip-icon{color:var(--sf-danger);margin-right:3px;font-size:12px}.wave-strip b{font-family:var(--sf-font-mono);color:var(--sf-amber);font-size:12px}#wave-banner.phase-combat .wave-title{animation:2.4s ease-in-out infinite wave-pulse}#wave-banner.urgent .wave-timer{color:var(--sf-danger);animation:.9s ease-in-out infinite wave-pulse}@keyframes wave-pulse{0%,to{opacity:1}50%{opacity:.62}}#btn-start-wave{flex:none;padding:8px 20px;font-size:13px}#btn-start-wave:disabled{display:none}#btn-start-wave.is-disabled{--edge:var(--sf-edge-dim);--fill:linear-gradient(180deg, #1b2531 0%, #10151d 100%);color:var(--sf-text-dim);opacity:.7;filter:none}#btn-start-wave.is-disabled .hotkey{opacity:.5}#speed-controls{flex:none;gap:3px;display:flex}.speed-btn{letter-spacing:.04em;--cut:4px;--edge:var(--sf-edge-dim);color:var(--sf-text-dim);padding:6px 8px;font-size:11px}.speed-btn.active{color:var(--ink-on-accent);--edge:var(--sf-amber);--fill:linear-gradient(180deg, var(--sf-amber) 0%, #c47a18 100%)}#btn-start-wave .hotkey{vertical-align:1px;margin-left:7px}#hud-resources{--cut:10px;align-items:center;gap:10px;padding:6px 12px;display:flex}.stat-chip{flex:none;align-items:center;gap:5px;display:flex}.stat-icon{filter:drop-shadow(0 1px 2px #000000b3);place-items:center;font-size:13px;display:inline-grid}.stat-value{font-family:var(--sf-font-mono);color:var(--sf-text);font-size:13px}.stat-value-danger{color:#ff8d7e;font-size:14px}.stat-value-amber{color:var(--sf-amber);font-size:15px}.hud-lives-meter{flex:none;width:44px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#log{z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:3px;width:max-content;max-width:min(440px,76vw);margin-top:2px;display:flex}#log .entry{--tone:var(--sf-cyan);--tone-ink:#d8f4ff;--tone-wash:#5cd8ff1f;--cut:5px;font-family:var(--sf-font-display);letter-spacing:.04em;text-align:center;color:var(--tone-ink);background:linear-gradient(90deg, var(--tone-wash) 0%, #0c0e16db 42%, #0c0e16db 100%);clip-path:var(--mask-chamfer);text-shadow:0 1px 2px #000000e6;filter:drop-shadow(0 2px 7px #0009);padding:3px 10px 3px 11px;font-size:11px;font-weight:600;transition:opacity .38s ease-in,transform .38s ease-in;animation:.24s cubic-bezier(.2,1.1,.4,1) entry-in;position:relative}#log .entry:before{content:"";background:var(--tone);width:2px;box-shadow:0 0 5px var(--tone);position:absolute;inset:0 auto 0 0}#log .entry.leaving{opacity:0;transform:translateY(-4px)}#log .tone-good{--tone:#58e39b;--tone-ink:#d6ffe9;--tone-wash:#58e39b29}#log .tone-warn{--tone:var(--sf-amber);--tone-ink:#ffe3b6;--tone-wash:#ffb03c2e}#log .tone-bad{--tone:var(--sf-danger);--tone-ink:#ffd8de;--tone-wash:#ff4f6d33;font-weight:700;animation:.28s cubic-bezier(.2,1.25,.4,1) entry-in-hard}@keyframes entry-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes entry-in-hard{0%{opacity:0;transform:translateY(-8px)scale(.96)}60%{opacity:1;transform:translateY(1px)scale(1.01)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#log .entry,#log .tone-bad{animation:none}}@media (pointer:coarse) and (width<=900px){#log{max-width:88vw}#log .entry{padding:3px 8px 3px 9px;font-size:10px}}#threat-panel,#next-wave-panel{flex:none;padding:8px 10px}#threat-list,#next-wave-list{max-height:var(--intel-h);scrollbar-width:thin;overflow-y:auto}#hud-threats{min-width:0}.threat-carrying{color:var(--sf-danger);filter:drop-shadow(0 0 5px #ff4f6dbf);font-size:12px;animation:1.2s ease-in-out infinite wave-pulse}.threat-count{font-family:var(--sf-font-mono);color:var(--sf-amber);font-size:12px}.threat-meter{height:3px;margin-top:3px;display:block}.threat-meter>i{background:linear-gradient(180deg, #ffffff4d, transparent), var(--threat-color,var(--sf-danger));width:100%;box-shadow:none;transition:width .12s linear}#threat-empty,#next-wave-empty{text-align:center;color:var(--sf-text-dim);margin:0;font-size:11px}#next-wave-shape{letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text-dim);border-left:2px solid var(--sf-border-dim);background:#00000059;flex-direction:column;gap:4px;margin-bottom:6px;padding:4px 6px;font-size:10px;display:flex}#next-wave-shape b{color:var(--sf-text);font-size:11px}.nw-head,.nw-badges,.nw-footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.nw-footer:not(:empty){justify-content:space-between}.nw-note{font-weight:700}.nw-badges .nw-note{white-space:nowrap;background:#ffffff0f;border-radius:3px;padding:2px 6px}.nw-note.doors{color:var(--sf-amber)}.nw-note.resist{color:var(--sf-cyan)}#next-wave-shape.spike{color:var(--sf-danger);background:#ff50501f;border-left-color:currentColor}#next-wave-shape.spike b{color:currentColor}#next-wave-shape.lull{color:var(--sf-cyan);background:#5ac8ff1a;border-left-color:currentColor}#next-wave-shape.lull b{color:currentColor}#next-wave-shape.buildup{color:var(--sf-amber);background:#ffb03c1a;border-left-color:currentColor}#next-wave-shape.buildup b{color:currentColor}.nw-row .threat-count{color:var(--sf-cyan)}.nw-note.affix{color:var(--sf-amber)}.nw-note.contract{color:var(--sf-cyan)}.nw-note.answer{color:var(--sf-text-dim)}.nw-note.answer.good{color:var(--element-earth-glow)}.nw-note.answer.bad{color:var(--sf-danger)}.nw-elements{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.nw-el{color:var(--sf-text-dim);align-items:center;gap:2px;font-size:10px;display:inline-flex}.nw-el-icon{width:12px;height:12px}#hud-dock{flex-direction:column;flex:auto;align-items:center;min-height:0;display:flex}#cc-flyout{left:calc(100% + var(--gap));top:var(--fly-top,0px);z-index:var(--z-hud);--cut:12px;width:max-content;padding:8px 10px 10px;position:absolute}#cc-flyout .panel-title{margin-bottom:8px}#cc-flyout .command-card{grid-template-columns:repeat(var(--cc-cols), var(--slot-w));max-height:calc(100vh / var(--ui-scale) - 140px);scrollbar-width:thin;overflow-y:auto}#cc-flyout .command-card.cc-narrow{grid-template-columns:repeat(2, var(--slot-w))}.command-card{grid-template-columns:repeat(var(--cc-cols), minmax(0, 1fr));gap:6px;display:grid}#cc-groups{scrollbar-width:thin;flex-direction:column;flex:auto;gap:6px;min-height:0;padding:4px 8px;display:flex;overflow-y:auto}.cc-groups-sep{background:linear-gradient(90deg, transparent, var(--sf-edge-dim), transparent);flex:none;align-self:stretch;height:1px;margin:5px 3px}.cc-group{isolation:isolate;pointer-events:auto;width:46px;height:50px;color:var(--sf-text);clip-path:var(--hex-mask);background:linear-gradient(180deg, color-mix(in srgb, var(--slot-color,var(--sf-edge)) 62%, #fff) 0%, color-mix(in srgb, var(--slot-color,var(--sf-edge)) 78%, #26304a) 40%, color-mix(in srgb, var(--slot-color,var(--sf-edge)) 46%, #000) 100%);filter:drop-shadow(0 2px 6px #0000008c);border:0;flex:none;place-items:center;padding:0;transition:color .12s,filter .12s;display:grid;position:relative}.cc-group:before{content:"";z-index:-1;clip-path:var(--hex-mask);background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--slot-color,transparent) 24%, transparent), transparent 72%), var(--slot-disc);transition:background .12s;position:absolute;inset:1px}.cc-group .icon{width:22px;height:22px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--slot-color,transparent) 55%, transparent));font-size:22px}.cc-group:hover,.cc-group.active{color:var(--slot-color,var(--sf-amber));filter:drop-shadow(0 0 8px color-mix(in srgb, var(--slot-color,var(--sf-amber)) 55%, transparent))}.cc-group.active:before{background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--slot-color,var(--sf-amber)) 36%, transparent), transparent 82%), var(--slot-disc)}.cc-group-dual{--slot-color:var(--sf-amber)}.command-card.cc-narrow{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-slot[hidden]{display:none}.cc-slot{min-width:0;height:var(--slot-h);color:var(--sf-text);--edge:var(--sf-edge);--fill:var(--slot-fill);--cut:8px;pointer-events:auto;flex-direction:column;align-items:center;gap:5px;padding:8px 6px 0;transition:background .12s,box-shadow .12s;display:flex}.cc-label{text-align:center;min-height:26px;font-size:11px;font-weight:700;line-height:1.2}.cc-icon{width:var(--slot-icon);height:var(--slot-icon);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--slot-color,transparent) 50%, transparent));flex:none;place-items:center;display:grid;position:relative}.cc-icon:before,.cc-icon:after{content:"";clip-path:var(--hex-mask);position:absolute}.cc-icon:before{background:linear-gradient(180deg, color-mix(in srgb, var(--slot-color,var(--sf-border)) 72%, #fff) 0%, var(--slot-color,var(--sf-border)) 40%, color-mix(in srgb, var(--slot-color,var(--sf-border)) 60%, #000) 100%);inset:0}.cc-icon:after{background:radial-gradient(circle at 50% 28%, color-mix(in srgb, var(--slot-color,transparent) 28%, transparent), transparent 72%), var(--slot-disc);inset:1px}.cc-icon .icon{z-index:1;font-size:calc(var(--slot-icon) * .62);filter:drop-shadow(0 0 6px var(--slot-color,transparent));position:relative}.cc-cost{letter-spacing:.08em;width:100%;color:var(--sf-text-dim);border:1px solid var(--sf-border-dim);background:#00000073;flex-wrap:nowrap;justify-content:center;align-items:center;gap:3px;margin:auto 0 7px;padding:3px 1px;font-size:10px;display:flex}.cc-cost .icon{font-size:9px}.cc-cost .cost-pair{font-family:var(--sf-font-mono);color:var(--sf-amber);gap:1px;font-size:12px}.cc-cost:has(.cost-pair+.cost-pair){gap:2px}.cc-cost:has(.cost-pair+.cost-pair) .cost-pair{font-size:10px}.cc-cost:has(.cost-pair+.cost-pair) .icon{font-size:8px}.cc-cost .cost-pair.short{color:var(--sf-danger)}.cc-slot:hover:not(:disabled):not(.is-disabled){--edge:var(--slot-color,var(--sf-cyan));box-shadow:inset 0 0 18px -6px var(--slot-color,var(--sf-cyan))}.cc-slot.selected{--edge:var(--sf-amber);box-shadow:inset 0 0 18px #ffb03c47}.cc-slot.unaffordable,.cc-slot:disabled{opacity:.38;filter:grayscale(.7)}.cc-slot.locked{opacity:.62;filter:grayscale(.35)}.cc-slot.locked .cc-cost,.cc-lock{display:none}.cc-slot.locked .cc-lock{width:100%;color:var(--sf-text-dim);border:1px solid var(--sf-border-dim);background:#00000073;justify-content:center;align-items:center;gap:4px;margin:auto 0 7px;padding:3px 0;font-size:10px;display:flex}.cc-lock .icon{font-size:11px}.cc-lock b{font-family:var(--sf-font-mono);color:var(--sf-text-dim);font-size:11px}#cc-hint{display:none}.building-slot{--slot-color:var(--resource-wood)}.cc-badge{color:var(--resource-stone);filter:drop-shadow(0 0 3px #000);font-size:12px;position:absolute;bottom:-3px;right:-3px}.building-slot .cc-icon{position:relative}#minimap-frame{--cut:10px;flex:none;padding:6px}#minimap-slot{width:min(100%, var(--minimap-h));aspect-ratio:1;border:1px solid var(--sf-border-dim);margin:0 auto;line-height:0;display:block}#minimap{pointer-events:auto;width:100%;height:100%;image-rendering:pixelated;background:#101320;display:block}#leaderboard{flex:none;padding:8px 10px;display:none}#leaderboard.visible{display:block}.leaderboard-title{letter-spacing:.14em;text-transform:uppercase;color:var(--sf-cyan);margin-bottom:6px;font-size:10px;font-weight:700}.leaderboard-row{align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.leaderboard-row+.leaderboard-row{border-top:1px solid var(--sf-border-dim)}.wardens-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.wardens-title{font-family:var(--sf-font-mono);color:var(--sf-text-dim);margin-left:5px;font-size:10px}.wardens-wave,.wardens-kills,.wardens-lives{font-family:var(--sf-font-mono);color:var(--sf-text-dim);font-size:12px}.leaderboard-row.mine .wardens-name{color:var(--sf-amber);font-weight:700}.leaderboard-row.eliminated{opacity:.45;text-decoration:line-through}.wardens-icon{color:var(--sf-danger);font-size:11px}.wardens-send-row{gap:3px;margin:1px 0 5px;display:flex}.wardens-send{text-align:center;color:var(--sf-text-dim);border:1px solid var(--sf-border-dim);background:#0000004d;flex:1;padding:2px 3px;font-size:8px;line-height:1.2}.wardens-send i{color:var(--sf-amber);font-style:normal;display:block}.wardens-send:hover:not(.is-disabled){border-color:var(--sf-amber);color:var(--sf-text)}.wardens-send.is-disabled{opacity:.4}#portrait-stats{flex:auto;min-height:0}#portrait-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}#portrait-icon{--edge:var(--sf-border);--cut:8px;flex:none;place-items:center;width:46px;height:46px;display:grid}.portrait-glyph{filter:drop-shadow(0 1px 3px #000000d9);font-size:26px;color:#fff!important}#portrait-name{font-family:var(--sf-font-display);color:#fff;font-size:13px;line-height:1.3}.portrait-hint{color:var(--sf-text-dim);margin:0;font-size:12px;line-height:1.5}.stat-grid{grid-template-columns:1fr auto;gap:3px 10px;font-size:12px;display:grid}.sg-label{color:var(--sf-text-dim)}.sg-icon{margin-right:1px;font-size:12px}.sg-element{color:var(--el-color,var(--sf-text));font-weight:600}.sg-value{font-family:var(--sf-font-mono);color:var(--sf-amber);text-align:right}.build-status{letter-spacing:.06em;text-transform:uppercase;color:var(--sf-cyan);margin-top:8px;font-size:11px}.progress-bar{border:1px solid var(--sf-border-dim);background:#0e1119;height:8px;margin-top:4px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--sf-cyan-dim), var(--sf-cyan));height:100%;transition:width .2s linear;box-shadow:0 0 8px #5cd8ff99}.sg-buffed{color:var(--sf-arcane);text-shadow:0 0 6px #c86bff80}.sg-debuffed{color:var(--element-earth-glow);text-shadow:0 0 6px #4deda073}#radial-menu{width:0;height:0;z-index:var(--z-panel);pointer-events:none;--radial-r:70px;--radial-btn:56px;position:fixed;top:0;left:0}#radial-menu.offscreen{visibility:hidden}#radial-ring:before{content:"";width:calc(var(--radial-r) * 2);height:calc(var(--radial-r) * 2);border:1px dashed #5cd8ff47;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #0d0f1c59}#radial-menu #portrait-panel{width:var(--portrait-w);max-height:var(--portrait-max-h);scrollbar-width:thin;transform:translate(-50%, calc(var(--radial-r) + var(--radial-btn) / 2 + 12px));pointer-events:auto;--cut:10px;flex-direction:column;padding:9px 11px;display:none;position:absolute;top:0;left:0;overflow:hidden auto}#radial-menu #portrait-panel.visible{display:flex}.radial-btn{width:var(--radial-btn);height:var(--radial-btn);pointer-events:auto;--edge:var(--sf-edge);--fill:var(--slot-fill);--cut:8px;color:var(--sf-text);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:2px;transition:color .12s,box-shadow .12s;display:flex;position:absolute;top:0;left:0}.radial-icon{font-size:19px;line-height:1}.radial-face{max-width:100%;font-family:var(--sf-font-mono);color:var(--sf-text-dim);flex-wrap:wrap;justify-content:center;align-items:center;gap:1px 4px;font-size:10px;line-height:1;display:flex}.radial-face .icon{font-size:9px}.radial-face:has(.cost-pair+.cost-pair){gap:1px 3px}.radial-face:has(.cost-pair+.cost-pair) .cost-pair{gap:1px;font-size:.9em}.radial-face:has(.cost-pair+.cost-pair) .icon{font-size:.8em}.radial-btn:has(.cost-pair+.cost-pair+.cost-pair) .radial-icon{font-size:15px}.radial-btn:hover:not(.is-disabled){color:#fff;--edge:var(--sf-cyan);--fill:linear-gradient(180deg, #3c4a66 0%, #191e2c 100%);box-shadow:inset 0 0 14px -3px #5cd8ff8c}.radial-sell.confirm:hover:not(.is-disabled){--edge:var(--sf-danger);--fill:linear-gradient(180deg, #5a2430 0%, #22101a 100%);box-shadow:inset 0 0 14px -3px #ff4f6d8c}.radial-upgrade{--edge:var(--sf-cyan);color:var(--sf-cyan)}.radial-sell{--edge:var(--sf-amber);color:var(--sf-amber)}.radial-ability{--edge:var(--sf-arcane);color:var(--sf-arcane)}.radial-produce-construct,.radial-upgrade-units,.radial-expand-foundry{--edge:var(--sf-cyan);color:var(--sf-cyan)}.radial-select-fielded{--edge:var(--sf-arcane);color:var(--sf-arcane)}.radial-sell.confirm{--edge:var(--sf-danger);color:var(--sf-danger);box-shadow:inset 0 0 14px -3px #ff4f6d8c}.radial-sell.confirm .radial-face{color:var(--sf-danger)}.radial-btn.active{--edge:var(--sf-arcane);box-shadow:inset 0 0 18px #c86bff59}.radial-btn.active .radial-face{color:var(--sf-arcane)}.radial-btn.is-disabled{opacity:.45;filter:grayscale(.5)}.radial-btn.active.is-disabled{opacity:1}.radial-btn .hotkey{z-index:1;position:absolute;top:3px;right:3px}#ability-bar{--cut:12px;width:max-content;max-width:100%;padding:7px 9px}#ability-row{flex-wrap:nowrap;justify-content:center;gap:6px;display:flex}#ability-row.compact{gap:4px}.ability-slot{width:var(--ability-sz);height:var(--ability-sz);color:var(--sf-text);--edge:var(--sf-edge);--fill:var(--slot-fill);--cut:8px;pointer-events:auto;flex:none;place-items:center;padding:0;transition:background .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.ability-glyph{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--slot-color,transparent) 50%, transparent));place-items:center;line-height:1;display:grid}.ability-glyph .icon{font-size:var(--ability-icon);filter:drop-shadow(0 0 6px var(--slot-color,transparent))}.ability-label,.ability-cost{display:none}.ability-slot:hover:not(:disabled):not(.is-disabled){--edge:var(--slot-color,var(--sf-arcane));box-shadow:inset 0 0 18px -6px var(--slot-color,var(--sf-arcane))}.ability-slot.armed{--edge:var(--sf-amber);color:var(--sf-amber);box-shadow:inset 0 0 20px #ffb03c59, var(--sf-glow-amber)}.ability-slot.armed .ability-glyph .icon{filter:drop-shadow(0 0 6px var(--sf-amber))}.ability-slot.unaffordable,.ability-slot:disabled{filter:grayscale(.7);opacity:.38}.ability-lock{color:var(--sf-text-dim);pointer-events:none;font-size:11px;display:none;position:absolute;top:3px;right:4px}.ability-slot.locked .ability-lock,.ability-slot.researchable .ability-lock{display:block}.ability-slot .hotkey{position:absolute;bottom:3px;left:3px}.ability-slot.locked{opacity:.62;filter:grayscale(.35)}.ability-slot.researchable:not(.unaffordable){--edge:var(--sf-arcane);color:var(--sf-arcane);opacity:1;filter:none;box-shadow:inset 0 0 18px -6px var(--sf-arcane)}.ability-slot.researchable:not(.unaffordable) .ability-lock{color:var(--sf-arcane)}.ability-sweep{pointer-events:none;background:#0c0d18c7;height:0;transition:height .1s linear;position:absolute;top:0;left:0;right:0}.ability-timer{font-family:var(--sf-font-mono);color:var(--sf-text);text-shadow:0 0 4px #000;pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.ability-slot.active{--edge:var(--sf-amber);box-shadow:0 0 10px -2px var(--sf-glow-amber,#ffb03c8c)}.ability-slot.active .ability-timer{color:var(--sf-amber);font-size:12px}#ability-hint{text-align:center;color:var(--sf-amber);margin-top:5px;font-size:11px;display:none}#ability-hint.active{display:block}#chat-panel{flex-direction:column;flex:none;padding:8px 10px;display:flex}#chat-toggle{pointer-events:auto;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}#chat-toggle .panel-title{border-bottom:none;flex:1;margin-bottom:0;padding-bottom:0}#chat-toggle .panel-title:after{display:none}#chat-toggle-icon{color:var(--sf-cyan);opacity:.85;font-size:11px;transition:transform .15s ease-out;display:inline-block}#chat-toggle-icon.collapsed{transform:rotate(180deg)}#chat-body{border-top:1px solid var(--sf-border-dim);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}#chat-panel.collapsed #chat-body{display:none}#chat-log{max-height:var(--chat-h);scrollbar-width:thin;font-size:12px;line-height:1.45;overflow-y:auto}.chat-entry{word-break:break-word;padding:1px 0}.chat-name{font-weight:700}.chat-entry.mine .chat-text{color:#fff}#chat-input{width:100%;font-family:var(--sf-font-ui);color:var(--sf-text);border:1px solid var(--sf-edge-dim);pointer-events:auto;background:#0e1119;outline:none;padding:6px 8px;font-size:12px}#chat-input:focus{border-color:var(--sf-cyan-dim);box-shadow:var(--sf-glow-cyan)}#gameover-banner{text-align:center;--go-accent:var(--sf-cyan);--edge:color-mix(in srgb, var(--go-accent) 45%, var(--sf-border));--fill:linear-gradient(180deg, color-mix(in srgb, var(--go-accent) 16%, transparent) 0, transparent 160px), linear-gradient(158deg, var(--sf-panel-hi) 0%, var(--sf-panel-lo) 100%);--cut:22px;pointer-events:auto;width:420px;max-width:calc(100vw - 32px);filter:drop-shadow(0 10px 34px #000000b3) drop-shadow(0 0 26px color-mix(in srgb, var(--go-accent) 22%, transparent));z-index:var(--z-modal);flex-direction:column;align-items:stretch;gap:16px;padding:28px 30px 24px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#gameover-banner.visible{animation:.42s cubic-bezier(.2,.8,.2,1) go-rise;display:flex}@keyframes go-rise{0%{opacity:0;transform:translate(-50%,-50%)translateY(10px)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}}#gameover-banner.victory{--go-accent:var(--element-earth)}#gameover-banner.defeat{--go-accent:var(--sf-danger)}#ui-root.hud-gameover>:not(#gameover-banner){display:none!important}#gameover-header{border-bottom:1px solid color-mix(in srgb, var(--go-accent) 22%, var(--sf-border-dim));align-items:center;gap:14px;padding-bottom:14px;display:flex}#gameover-icon{width:52px;height:52px;color:var(--go-accent);background:radial-gradient(circle, color-mix(in srgb, var(--go-accent) 22%, transparent) 0%, transparent 72%);border:1px solid color-mix(in srgb, var(--go-accent) 55%, transparent);filter:drop-shadow(0 0 10px);border-radius:50%;flex:none;place-items:center;font-size:26px;display:grid}#gameover-heading{text-align:left;flex-direction:column;gap:3px;display:flex}#gameover-text{font-family:var(--sf-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--go-accent);text-shadow:0 0 18px color-mix(in srgb, var(--go-accent) 55%, transparent);font-size:19px}#gameover-sub{letter-spacing:.04em;color:var(--sf-text-dim);font-size:11.5px}#gameover-stats{background:var(--sf-border-dim);border:1px solid var(--sf-border-dim);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}#gameover-stats:empty{display:none}.go-tile{background:#080a108c;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex}.go-tile-icon{color:var(--go-accent);opacity:.85;font-size:17px}.go-tile-value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;font-family:var(--sf-font-mono);color:var(--sf-text)}.go-tile-label{letter-spacing:.05em;text-transform:uppercase;color:var(--sf-text-dim);font-size:9.5px}#gameover-chart-card{border:1px solid var(--sf-border-dim);text-align:left;background:#080a1066;padding:12px 14px 8px}#gameover-chart-card h3{letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text-dim);margin:0 0 6px;font-size:10.5px;font-weight:600}#gameover-chart.empty{display:none}#gameover-chart-card:has(#gameover-chart.empty){display:none}#gameover-chart svg{width:100%;height:auto;display:block}.go-chart-legend{letter-spacing:.03em;color:var(--sf-text-dim);justify-content:center;gap:16px;margin-top:4px;font-size:10px;display:flex}.go-chart-legend .key{align-items:center;gap:5px;display:inline-flex}.go-chart-legend .swatch{border-radius:2px;width:12px;height:2px}.go-chart-legend .kills .swatch{background:#ff8a5c}.go-chart-legend .gold .swatch{background:#f0c14b}.go-chart-legend .towers .swatch{background:var(--sf-cyan)}.go-chart-tip .kills{color:#ff8a5c}.go-chart-tip .gold{color:#f0c14b}.go-chart-tip .towers{color:var(--sf-cyan)}#gameover-banner #btn-return-menu{letter-spacing:.08em;text-transform:uppercase;align-self:center;min-width:200px;margin-top:2px;padding:10px 26px;font-size:12px}#escape-menu{z-index:var(--z-modal);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:radial-gradient(circle at 50% 42%,#0a0b168c 0%,#06070ed1 100%);justify-content:center;align-items:center;display:none;position:fixed;inset:0}#escape-menu.visible{pointer-events:auto;display:flex}.escape-card{width:min(360px, calc(100vw / var(--ui-scale) - 32px));--cut:18px;max-height:calc(100vh / var(--ui-scale) - 32px);scrollbar-width:thin;padding:20px 22px 18px;overflow-y:auto}.escape-card .panel-title{letter-spacing:.16em;margin-bottom:12px;font-size:13px}#escape-main,#escape-confirm{flex-direction:column;gap:8px;display:flex}.escape-btn{justify-content:center;align-items:center;gap:9px;width:100%;padding:10px;font-size:12px;display:flex}.escape-btn-danger{--edge:var(--sf-danger);color:var(--sf-danger)}.escape-settings{border:1px solid var(--sf-border-dim);background:#00000047;margin:6px 0 2px;padding:11px 13px 13px}.escape-row-sub{color:var(--sf-text-dim);padding-left:14px;font-size:11px}.escape-row-level{color:var(--sf-text-dim);padding-left:30px;font-size:11px}.escape-row+.escape-row-level{margin-top:4px}.escape-row-off{opacity:.4}.escape-settings-title{border-bottom:1px solid var(--sf-border-dim);letter-spacing:.14em;text-transform:uppercase;color:var(--sf-cyan);align-items:center;gap:7px;margin-bottom:10px;padding-bottom:7px;font-size:10px;font-weight:700;display:flex}.escape-row{color:var(--sf-text);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.escape-row+.escape-row{margin-top:9px}.escape-row-label{align-items:center;gap:8px;min-width:0;display:flex}.escape-row-label .icon{color:var(--sf-text-dim)}.escape-confirm-text{color:var(--sf-text-dim);text-align:center;margin:0 0 8px;font-size:12px;line-height:1.5}.escape-confirm-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}#tutorial{z-index:calc(var(--z-modal) - 1);pointer-events:none;position:fixed;inset:0}#tutorial-spot{border:1px solid var(--sf-cyan);box-shadow:0 0 0 9999px #0a0b169e, var(--sf-glow-cyan);border-radius:4px;transition:left .12s,top .12s,width .12s,height .12s;position:fixed}#tutorial-spot.no-ring{border-color:#0000;box-shadow:0 0 0 9999px #0a0b169e}#tutorial-card{width:min(340px, calc(100vw / var(--ui-scale) - 24px));--cut:14px;pointer-events:auto;padding:16px 18px;position:fixed}#tutorial-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.tutorial-glyph{color:var(--sf-cyan);font-size:20px}#tutorial-title{text-align:left;border:0;margin:0;padding:0;font-size:13px}#tutorial-title:after{display:none}#tutorial-body{color:var(--sf-text);margin:0 0 14px;font-size:12px;line-height:1.6}#tutorial-dots{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.tutorial-dot{background:var(--sf-border);border-radius:50%;width:6px;height:6px}.tutorial-dot.active{background:var(--sf-cyan);box-shadow:var(--sf-glow-cyan)}#tutorial-actions{align-items:center;gap:8px;display:flex}#tutorial-skip{margin-right:auto}#tutorial-actions .hud-btn{padding:8px 14px;font-size:12px}#join-screen,#auth-screen,.lobby-screen{--sf-panel-hi:#1c2938;--sf-panel-lo:#0a111c;--sf-border:#3d5670;--sf-border-dim:#223142;--sf-edge:#8ba6bd;--sf-edge-dim:#55697d;--sf-text:#d8e6ee;--sf-text-dim:#8fa6b6;--btn-edge-coat:linear-gradient(180deg, #d2ebff66 0%, transparent 42%, #0006 100%);--btn-fill-hi:#22364c;--btn-fill-lo:#0d1521;--btn-hover-hi:#2e4a68;--btn-hover-lo:#121e2e;--panel-sheen:#bee1ff1f;--panel-title-ink:#e6f1f8;--panel-title-glow:#5cd8ff2e;pointer-events:auto;z-index:1;color:var(--sf-text);font-family:var(--sf-font-ui);background:var(--void-fill);padding:16px 16px calc(16px + var(--gctd-consent-h,0px));justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}body.has-lobby-backdrop #join-screen,body.has-lobby-backdrop #auth-screen,body.has-lobby-backdrop .lobby-screen{background:0 0}#join-screen>*,#auth-screen>*,.lobby-screen>*{margin-block:auto}.join-card{--cut:18px;filter:drop-shadow(0 10px 34px #000000bf);flex-direction:column;gap:10px;width:min(376px,100%);padding:clamp(18px,4vw,28px) clamp(16px,4vw,30px);display:flex}.join-card:before{-webkit-backdrop-filter:blur(14px)saturate(1.25);backdrop-filter:blur(14px)saturate(1.25);background:linear-gradient(#5cd8ff24 0,#0000 90px),linear-gradient(158deg,#182332e0 0%,#080d15f0 70%)}.join-brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:2px;display:flex}.join-emblem{filter:drop-shadow(0 0 14px #5cd8ff4d);line-height:0}.join-emblem svg{width:62px;height:62px}.join-card--lobby .join-emblem svg{width:74px;height:74px}@media (prefers-reduced-motion:no-preference){.join-emblem{animation:4.5s ease-in-out infinite emblem-breathe}}@keyframes emblem-breathe{0%,to{filter:drop-shadow(0 0 10px #5cd8ff38)}50%{filter:drop-shadow(0 0 22px #5cd8ff8c)}}#join-screen h1,#auth-screen h1,.lobby-screen h1{font-family:var(--sf-font-display);letter-spacing:.06em;text-align:center;color:#e6f1f8;text-shadow:0 0 22px #5cd8ff4d;margin:0 0 8px;font-size:23px;font-weight:400}.join-brand h1{letter-spacing:.08em;background:linear-gradient(92deg, var(--element-earth) 0%, var(--sf-cyan) 34%, var(--element-air) 68%, var(--element-fire) 100%);color:#0000;text-shadow:none;filter:drop-shadow(0 0 18px #5cd8ff59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px}.join-card--lobby .join-brand h1{font-size:clamp(34px,6vw,46px)}.join-tagline{font-family:var(--sf-font-mono);letter-spacing:.24em;text-transform:uppercase;text-align:center;color:var(--sf-text-dim);margin:0;font-size:11px}.join-elements{background:linear-gradient(90deg, transparent 0%, var(--element-earth) 14%, var(--element-water) 38%, var(--element-air) 62%, var(--element-fire) 86%, transparent 100%);opacity:.85;width:100%;height:2px}#join-screen label,#auth-screen label,.lobby-screen label{letter-spacing:.14em;text-transform:uppercase;color:var(--sf-text-dim);font-size:10px;font-weight:700}#join-error,.auth-error{color:var(--sf-danger);border-left:2px solid var(--sf-danger);background:#7a202040;padding:8px 10px;font-size:12px}#lobby-backdrop{z-index:0;pointer-events:none;background:var(--void-fill);position:fixed;inset:0}.lobby-arena,.lobby-wash{pointer-events:none;position:absolute;inset:0}.lobby-arena{opacity:0;filter:brightness(.62)saturate(.85);width:100%;height:100%;transition:opacity .9s ease-out}.lobby-arena.is-live{opacity:1}.lobby-wash{background:radial-gradient(42% 46% at 50% 46%,#02060cd1 0%,#02060c57 60%,#0000 100%),radial-gradient(circle,#0000 30%,#02050a8c 78%,#010306e6 100%),linear-gradient(190deg,#5cd8ff1a 0%,#0000 38%,#5a8cff1f 100%)}#join-gate{grid-template-columns:repeat(2, var(--gate-plate));--gate-plate:218px;justify-content:center;align-items:start;gap:22px;margin-top:10px;display:grid}.gate-card{--accent:var(--sf-cyan);width:var(--gate-plate);color:var(--sf-text);font-family:var(--sf-font-ui);cursor:pointer;background:0 0;border:0;justify-items:center;gap:9px;padding:4px 0 0;display:grid}.gate-card--campaign{--accent:var(--sf-amber)}.gate-hex{aspect-ratio:1/1.08;width:100%;clip-path:var(--hex-mask);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 75%, transparent), color-mix(in srgb, var(--accent) 22%, transparent));filter:drop-shadow(0 0 12px color-mix(in srgb, var(--accent) 22%, transparent));transition:filter .16s,transform .16s;display:block;position:relative}.gate-hex-face{clip-path:var(--hex-mask);background:radial-gradient(90% 70% at 50% 22%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 70%), linear-gradient(180deg, #1a2333, #080c14 78%);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:2px}.gate-hex-face:after{content:"";clip-path:var(--hex-mask);pointer-events:none;background:linear-gradient(#ffffff17,#0000 46%);position:absolute;inset:0}.gate-card:hover .gate-hex,.gate-card:focus-visible .gate-hex{filter:drop-shadow(0 0 20px color-mix(in srgb, var(--accent) 55%, transparent));transform:translateY(-2px)}.gate-card:active .gate-hex{transform:translateY(0)}.gate-card-glyph{color:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 55%, transparent));font-size:76px;display:flex;position:relative}.gate-card-title{font-family:var(--sf-font-display);letter-spacing:.09em;text-transform:uppercase;text-align:center;color:var(--sf-text);font-size:16px;position:relative}.gate-card-body{text-align:center;gap:5px;width:100%;display:grid}.gate-card-blurb{color:var(--sf-text-dim);font-size:11.5px;line-height:1.4}.gate-stars{align-items:center;gap:8px;margin-top:1px;display:flex}.gate-stars-bar{background:#00000073;border:1px solid #ffffff12;border-radius:3px;flex:1;height:5px;overflow:hidden}.gate-stars-fill{background:linear-gradient(90deg, var(--sf-amber-dim), var(--sf-amber));width:0;height:100%;transition:width .6s ease-out;display:block;box-shadow:0 0 8px #ffb03c73}.gate-stars-text{font-family:var(--sf-font-mono);color:var(--sf-amber);white-space:nowrap;font-size:10.5px}#join-shortcuts{border-top:1px solid var(--sf-border-dim);flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;display:flex}#join-shortcuts .hud-btn{flex:1;min-width:130px;padding:7px 10px;font-size:11px}.join-card--lobby{--cut:22px;width:min(780px,100%);padding:clamp(20px,4vw,30px) clamp(18px,4vw,36px) clamp(16px,3vw,24px)}.join-columns{grid-template-columns:1.06fr .94fr;align-items:stretch;column-gap:28px;margin-top:4px;display:grid}.join-col{flex-direction:column;gap:10px;min-width:0;display:flex}.join-col+.join-col{border-left:1px solid var(--sf-border-dim);padding-left:28px}.join-launch{align-items:stretch;gap:8px;margin-top:auto;padding-top:12px;display:flex}.join-launch #btn-join{flex:1}#btn-gate-back{flex:none;padding:8px 12px;font-size:11px}@media (width<=640px){#join-gate{grid-template-columns:var(--gate-plate);gap:14px}.join-columns{grid-template-columns:1fr;row-gap:10px}.join-col+.join-col{border-left:0;border-top:1px solid var(--sf-border-dim);padding-top:14px;padding-left:0}.join-launch{padding-top:4px}}#join-screen label,#join-screen .join-label{border-bottom:1px solid var(--sf-border-dim);color:var(--sf-text);align-items:center;gap:6px;padding-bottom:5px;display:flex}#join-screen label:before,#join-screen .join-label:before{content:"";background:var(--sf-cyan);flex:none;width:3px;height:9px;box-shadow:0 0 8px #5cd8ffcc}#join-screen label.join-switch{text-transform:none;letter-spacing:.04em;color:var(--sf-text-dim);border-bottom:0;padding-bottom:0;font-size:11px}#join-screen label.join-switch:before{display:none}#mode-select,#difficulty-select{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}#layout-select{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}#layout-hint{color:var(--sf-text-dim);border-left:2px solid var(--sf-cyan-dim);background:#050a108c;margin-top:6px;padding:7px 9px;font-size:11px;line-height:1.35}#language-select{justify-content:center;gap:6px;margin-top:4px;display:flex}#language-select .lang-btn{padding:6px 14px}.mode-btn{padding:8px 4px;font-size:11px}.join-card--lobby .mode-btn{padding:10px 4px;font-size:12px}.join-card--lobby #input-name{padding:10px 12px;font-size:14px}.join-card--lobby .color-swatch{height:34px}.mode-btn.selected{--pick:var(--sf-amber);--edge:var(--pick);--fill:linear-gradient(180deg, color-mix(in srgb, var(--pick) 28%, #0d1521) 0%, #0d1521 100%);color:var(--pick);box-shadow:inset 0 0 16px -4px var(--pick)}#mode-select .mode-btn.selected:hover,#layout-select .mode-btn.selected:hover,#difficulty-select .mode-btn.selected:hover{--edge:var(--pick);color:var(--pick);box-shadow:inset 0 0 16px -4px var(--pick)}#layout-select .mode-btn.selected{--pick:var(--sf-cyan)}#difficulty-select .diff-btn.selected[data-difficulty=normal]{--pick:var(--element-earth)}#difficulty-select .diff-btn.selected[data-difficulty=hard]{--pick:var(--sf-amber)}#difficulty-select .diff-btn.selected[data-difficulty=nightmare]{--pick:var(--sf-danger)}#color-select{align-items:center;display:flex}#color-swatches{flex:1;gap:5px;display:flex}.color-swatch{--edge:var(--sf-edge-dim);flex:1;height:30px;transition:transform .12s,box-shadow .12s,filter .12s}.color-swatch,.color-swatch:before{clip-path:var(--hex-mask)}.color-swatch:after{content:"";pointer-events:none;clip-path:var(--hex-mask);background:linear-gradient(#ffffff61 0%,#ffffff12 34%,#0000 55%),linear-gradient(#0000 55%,#00000061 100%);position:absolute;inset:1px}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{--edge:#fff;filter:drop-shadow(0 0 7px var(--fill));transform:scale(1.12);box-shadow:inset 0 0 0 1px #ffffffa6}#multiplayer-panel{border:1px solid var(--sf-border-dim);background:#00000047;flex-direction:column;gap:9px;margin:2px 0;padding:11px 13px 13px;display:flex}#room-code-row{gap:8px;display:flex}#room-code-row input{min-width:0;font-family:var(--sf-font-mono);letter-spacing:.06em;flex:1;padding:8px 11px}#room-code-row .hud-btn{flex:none;padding:7px 16px}#room-list{scrollbar-width:thin;background:#00000038;border:1px solid #ffffff12;flex-direction:column;max-height:168px;display:flex;overflow-y:auto}.room-list-empty{text-align:center;color:var(--sf-text-dim);padding:12px;font-size:12px}.room-row{font-family:var(--sf-font-ui);color:var(--sf-text);background:0 0;border:0;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:background .12s,color .12s;display:flex}.room-row+.room-row{border-top:1px solid #ffffff0f}.room-row:hover:not(.disabled){color:#fff;background:#5cd8ff17}.room-row.disabled{opacity:.45}.room-row-id{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.room-row-players,.room-row-status{font-family:var(--sf-font-mono);color:var(--sf-text-dim);align-items:center;gap:4px;display:flex}.room-status-icon{color:var(--element-earth);font-size:12px}.room-row.disabled .room-status-icon{color:var(--sf-text-dim)}#btn-join,#btn-gate-back,#btn-daily,#btn-leaderboard,#btn-profile{justify-content:center;align-items:center;gap:8px;display:flex}.btn-glyph{font-size:1.15em}#btn-join{letter-spacing:.12em;margin-top:4px;padding:11px;font-size:13px}.join-card--lobby #btn-join{letter-spacing:.16em;font-size:15px;font-family:var(--sf-font-display);--cut:10px;margin-top:0;padding:15px;font-weight:400}@media (prefers-reduced-motion:no-preference){#btn-join:not(:hover){animation:2.6s ease-in-out infinite join-pulse}}@keyframes join-pulse{0%,to{box-shadow:inset 0 0 12px -6px #ffe8be80}50%{box-shadow:inset 0 0 22px -2px #ffe8bef2}}.hud-btn-daily{color:var(--ink-on-accent);--edge:var(--sf-cyan);--fill:linear-gradient(125deg, var(--sf-cyan) 0%, var(--element-arcane) 100%);text-shadow:0 1px #fff6;--face-coat:linear-gradient(180deg, #ffffff6b 0%, #ffffff14 34%, transparent 40%), linear-gradient(0deg, #3c085a66 0%, transparent 45%)}.hud-btn-daily:hover:not(:disabled):not(.is-disabled){color:var(--ink-on-accent);--edge:#9ceeff;--fill:linear-gradient(125deg, #9ceeff 0%, #d191ff 100%);box-shadow:inset 0 0 16px -4px #fffc}@media (prefers-reduced-motion:no-preference){.hud-btn-daily:not(:hover){animation:2.6s ease-in-out infinite daily-pulse}}@keyframes daily-pulse{0%,to{filter:drop-shadow(0 0 3px #5cd8ff8c);transform:scale(1)}50%{filter:drop-shadow(0 0 11px #b45cfff2)drop-shadow(0 0 20px #5cd8ff80);transform:scale(1.025)}}#daily-popup{z-index:var(--z-modal);background:#04070cb8;justify-content:center;align-items:center;margin:0;padding:16px;display:flex;position:fixed;inset:0}.daily-popup-card{text-align:left;width:min(420px,100%)}.daily-popup-card h1{text-align:center}.daily-popup-date{text-align:center;color:var(--sf-text-dim);margin:-4px 0 0;font-size:11.5px}.daily-popup-rows{flex-direction:column;gap:7px;margin-top:8px;display:flex}.daily-row{background:color-mix(in srgb, var(--row-accent) 16%, #050a10b3);border-left:3px solid var(--row-accent);border-radius:2px;align-items:center;gap:12px;padding:8px 12px;display:flex}.daily-row-icon{color:var(--row-accent);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--row-accent) 65%, transparent));flex:none;font-size:30px;display:flex}.daily-row-text{color:var(--sf-text);font-size:12.5px;font-weight:600;line-height:1.3}.daily-row-result{margin-top:4px}.daily-popup-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.auth-tabs{grid-template-columns:1fr 1fr;gap:6px;display:grid}#auth-form,#auth-name-row{flex-direction:column;gap:10px;display:flex}.auth-tabs-3{grid-template-columns:1fr 1fr 1fr}.auth-tabs-4{grid-template-columns:1fr 1fr 1fr 1fr}.auth-tab{white-space:nowrap}.auth-tab.selected{--edge:var(--sf-amber);color:var(--sf-amber);box-shadow:inset 0 0 14px -4px #ffb03c8c}.auth-tabs-3 .auth-tab,.auth-tabs-4 .auth-tab{padding-left:8px;padding-right:8px}.auth-tabs-4 .auth-tab{letter-spacing:.03em;padding-left:4px;padding-right:4px;font-size:10.5px}.auth-divider{letter-spacing:.1em;text-transform:uppercase;color:var(--sf-text-dim);align-items:center;gap:8px;margin:2px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--sf-edge-dim);flex:1;height:1px}.auth-user-badge{border:1px solid var(--sf-edge-dim);background:#00000040;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}#auth-guest{--edge:var(--sf-cyan-dim);--fill:linear-gradient(180deg, #10262b 0%, #081412 100%);--edge-coat:var(--btn-edge-coat);--face-coat:var(--btn-face-coat);text-shadow:0 1px #0000008c}.leaderboard-card{width:min(480px,100%)}.lb-row{font-family:var(--sf-font-ui);text-align:left;background:color-mix(in srgb, var(--rank-accent) 10%, transparent);grid-template-columns:24px 28px 1fr 56px 56px 84px;align-items:center;gap:9px;padding:7px 10px;display:grid}.lb-row+.lb-row{border-top:1px solid #ffffff0f}.lb-rank{width:24px;height:24px;font-family:var(--sf-font-mono);color:var(--ink-on-accent);background:var(--rank-accent);box-shadow:0 0 6px color-mix(in srgb, var(--rank-accent) 65%, transparent);border-radius:50%;place-items:center;font-size:11px;font-weight:700;display:grid}.lb-rank-icon{font-size:13px;display:flex}.lb-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--sf-text);font-size:12.5px;font-weight:600;overflow:hidden}.lb-title{font-family:var(--sf-font-mono);letter-spacing:.03em;color:var(--sf-amber);margin-left:6px;font-size:10px;font-weight:500}.lb-stat{font-family:var(--sf-font-mono);color:var(--sf-text-dim);justify-self:end;align-items:center;gap:3px;font-size:12px;display:inline-flex}.lb-stat-icon{color:var(--sf-cyan);font-size:13px;display:flex}.lb-stat+.lb-stat .lb-stat-icon{color:var(--sf-amber)}.lb-tag{justify-self:end}.lb-avatar{width:28px;height:28px;display:flex}.lb-avatar svg{width:100%;height:100%}.legal-card{align-items:stretch;width:min(640px,100%)}.legal-updated{color:var(--sf-text-dim);margin-top:-6px;font-size:11px}.legal-card h2{font-family:var(--sf-font-display);letter-spacing:.04em;color:var(--sf-cyan);margin:6px 0 0;font-size:14px;font-weight:400}.legal-card p{color:var(--sf-text);margin:0;font-size:14px;line-height:1.62}.legal-card #legal-home{text-align:center;margin-top:8px;text-decoration:none}.profile-card{flex-direction:column;gap:10px;width:min(620px,100%);max-height:min(86vh,780px);display:flex}#profile-body{min-height:0;padding-right:4px;overflow-y:auto}.profile-identity{z-index:var(--z-flyout);background:radial-gradient(120% 140% at 0 0,#5cd8ff17,#0000 62%),linear-gradient(#ffffff0a,#0000003d);border:1px solid #5cd8ff29;border-radius:5px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:10px 12px;display:grid;position:relative}.profile-portrait{cursor:pointer;filter:drop-shadow(0 0 10px #5cd8ff38);background:0 0;border:0;padding:0;transition:filter .14s,transform .14s;display:flex;position:relative}.profile-portrait:hover,.profile-portrait.open{filter:drop-shadow(0 0 14px #5cd8ff80);transform:translateY(-1px)}.profile-portrait-edit{background:#0d1119;border:1px solid #5cd8ff73;border-radius:50%;width:17px;height:17px;position:absolute;bottom:9px;right:4px;box-shadow:0 0 6px #5cd8ff47}.profile-portrait-edit:after{content:"";border-left:3.5px solid #0000;border-right:3.5px solid #0000;border-top:4px solid var(--sf-cyan,var(--sf-cyan));width:0;height:0;margin:-1px 0 0 -3.5px;position:absolute;top:50%;left:50%}.profile-portrait.open .profile-portrait-edit:after{transform:rotate(180deg)}.profile-identity-text{gap:3px;min-width:0;display:grid}.profile-identity-title{font-family:var(--sf-font-display);letter-spacing:.02em;color:var(--sf-text);cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #ffffff24;justify-self:start;align-items:center;gap:7px;padding:1px 7px 1px 0;font-size:17px;transition:color .12s,border-color .12s;display:inline-flex}.profile-identity-title:hover,.profile-identity-title.open{color:var(--sf-cyan,var(--sf-cyan));border-bottom-color:color-mix(in srgb, var(--sf-cyan,var(--sf-cyan)) 55%, transparent)}.profile-identity-caret{opacity:.7;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.profile-identity-title.open .profile-identity-caret{transform:rotate(180deg)}.identity-layer{width:0;height:0;position:absolute;top:0;left:0;margin:0!important}.identity-scrim{z-index:var(--z-panel);position:fixed;inset:0}.identity-menu{z-index:calc(var(--z-panel) + 1);--cut:8px;gap:6px;padding:10px 13px 11px;display:grid;position:fixed}.identity-menu:after{content:"";background:linear-gradient(90deg, transparent, var(--sf-cyan) 35%, var(--sf-cyan) 65%, transparent);opacity:.75;height:2px;position:absolute;inset:1px 1px auto}.identity-menu-head{border-bottom:1px solid var(--sf-border-dim);justify-content:space-between;padding-bottom:7px}.identity-menu-count{font-family:var(--sf-font-mono);letter-spacing:.04em;color:var(--sf-text-dim);font-size:9.5px;font-weight:400}.identity-menu-body{max-height:min(46vh,320px);padding-right:3px;overflow-y:auto}.profile-identity-avatar{font-family:var(--sf-font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--sf-text-dim);font-size:10px}.profile-identity .profile-level{margin-top:4px}.profile-level{align-items:center;gap:10px;display:flex}.profile-level-badge{font-family:var(--sf-font-mono);letter-spacing:.04em;color:var(--ink-on-accent);background:var(--sf-cyan,var(--sf-cyan));white-space:nowrap;border-radius:3px;padding:3px 9px;font-size:11px;font-weight:700}.profile-xp-bar{background:#00000059;border:1px solid #ffffff14;border-radius:4px;flex:1;height:8px;overflow:hidden}.profile-xp-fill{background:linear-gradient(90deg, var(--sf-cyan-dim), var(--sf-cyan,var(--sf-cyan)));height:100%}.profile-xp-text{font-family:var(--sf-font-mono);color:var(--sf-text-dim);white-space:nowrap;font-size:11px}.profile-footer{gap:8px;display:flex}.profile-footer>.hud-btn{flex:1}.campaign-notice-icon{color:var(--sf-amber);font-size:14px;display:flex}.profile-hint{color:var(--sf-text-dim);margin:0 0 8px;font-size:11.5px}#profile-body [data-accent]{--acc:var(--sf-cyan,var(--sf-cyan))}#profile-body [data-accent=ion]{--acc:var(--sf-cyan)}#profile-body [data-accent=danger]{--acc:var(--sf-danger)}#profile-body [data-accent=solar]{--acc:var(--sf-amber)}#profile-body [data-accent=arcane]{--acc:var(--element-arcane)}#profile-body [data-accent=earth]{--acc:var(--element-earth)}#profile-body [data-accent=air]{--acc:var(--element-air)}.profile-tiles{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.profile-tile{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--acc) 14%, transparent), transparent 72%), linear-gradient(180deg, #ffffff0d, #0000004d);border:1px solid color-mix(in srgb, var(--acc) 20%, #ffffff0f);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:11px 4px 8px;display:flex;position:relative;overflow:hidden}.profile-tile:before{content:"";background:linear-gradient(90deg, transparent, var(--acc), transparent);opacity:.8;height:2px;position:absolute;inset:0 0 auto}.profile-tile-icon{color:var(--acc);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--acc) 55%, transparent));font-size:17px;display:flex}.profile-tile-value{font-family:var(--sf-font-mono);letter-spacing:.02em;color:var(--sf-text);font-size:15px;font-weight:700}.profile-tile-label{text-transform:uppercase;letter-spacing:.06em;color:var(--sf-text-dim);text-align:center;font-size:9px}.profile-tracks{background:linear-gradient(#ffffff08,#0003);border:1px solid #ffffff12;border-radius:5px;gap:7px;margin-top:14px;padding:10px 12px 11px;display:grid}.profile-section-head{border-bottom:1px solid var(--sf-border-dim);margin-bottom:2px;padding-bottom:6px}.profile-track{--acc:var(--sf-amber);grid-template-columns:16px 88px 1fr auto;align-items:center;gap:9px;display:grid}.profile-track[data-track=command]{--acc:var(--sf-cyan)}.profile-track[data-track=endurance]{--acc:var(--sf-danger)}.profile-track-icon{color:var(--acc);opacity:.9;font-size:13px;display:flex}.profile-track-name{text-transform:uppercase;letter-spacing:.05em;color:var(--sf-text-dim);font-size:11px}.profile-track-bar{background:#0000006b;border:1px solid #ffffff12;border-radius:2px;height:9px;position:relative;overflow:hidden}.profile-track-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--acc) 45%, #0a0e16), var(--acc));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--acc) 40%, transparent)}.profile-track-bar:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#0000008c calc(10% - 1px) 10%);position:absolute;inset:0}.profile-track-value{font-family:var(--sf-font-mono);color:var(--sf-text);justify-self:end;font-size:10.5px}.profile-track-target{color:var(--sf-text-dim)}.profile-mastery-row{background:linear-gradient(100deg, color-mix(in srgb, var(--el) 9%, transparent), #00000038);border:1px solid color-mix(in srgb, var(--el) 22%, transparent);border-radius:5px;grid-template-columns:40px 1fr;align-items:center;gap:11px;padding:8px 10px;display:grid}.profile-mastery-row+.profile-mastery-row{margin-top:6px}.profile-mastery-plate{justify-content:center;align-items:center;width:36px;height:40px;display:flex;position:relative}.profile-mastery-plate:before{content:"";clip-path:var(--hex-mask);background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--el) 45%, transparent), transparent 74%), linear-gradient(180deg, #ffffff1a, #00000080);position:absolute;inset:0}.profile-mastery-icon{color:var(--el);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--el) 60%, transparent));font-size:17px;display:flex;position:relative}.profile-mastery-body{gap:5px;min-width:0;display:grid}.profile-mastery-head{align-items:center;gap:8px;display:flex}.profile-mastery-name{letter-spacing:.03em;color:var(--sf-text);font-size:12px;font-weight:600}.profile-mastery-rank{font-family:var(--sf-font-mono);text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb, var(--el) 70%, var(--sf-text));background:color-mix(in srgb, var(--el) 14%, transparent);border:1px solid color-mix(in srgb, var(--el) 34%, transparent);border-radius:2px;padding:1px 6px;font-size:9.5px}.profile-mastery-rank.maxed{color:var(--ink-on-accent);background:var(--el);border-color:var(--el)}.profile-pips{gap:3px;margin-left:auto;display:inline-flex}.profile-pip{background:#ffffff1a;border-radius:50%;width:6px;height:6px}.profile-pip.on{background:var(--el,var(--sf-cyan,var(--sf-cyan)));box-shadow:0 0 5px color-mix(in srgb, var(--el,var(--sf-cyan)) 65%, transparent)}.profile-mastery-bar{background:#0006;border-radius:3px;height:5px;overflow:hidden}.profile-mastery-fill{background:linear-gradient(90deg, color-mix(in srgb, var(--el) 45%, transparent), var(--el));height:100%;box-shadow:0 0 8px color-mix(in srgb, var(--el) 45%, transparent)}.profile-mastery-next{font-family:var(--sf-font-mono);color:var(--sf-text-dim);align-items:baseline;gap:8px;font-size:9.5px;display:flex}.profile-mastery-opens{text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb, var(--el) 55%, var(--sf-text-dim));margin-left:auto;overflow:hidden}#profile-body [data-category]{--cat:var(--sf-cyan,var(--sf-cyan))}#profile-body [data-category=depth]{--cat:var(--sf-cyan)}#profile-body [data-category=purity]{--cat:var(--sf-text)}#profile-body [data-category=economy]{--cat:var(--sf-amber)}#profile-body [data-category=mastery]{--cat:var(--element-arcane)}#profile-body [data-category=discipline]{--cat:var(--element-fire)}#profile-body [data-category=ritual]{--cat:var(--element-earth)}#profile-body [data-category=campaign]{--cat:var(--element-air)}.feat-summary{background:linear-gradient(#5cd8ff0f,#0000002e);border:1px solid #5cd8ff29;border-radius:5px;grid-template-columns:92px 1fr;align-items:center;gap:14px;margin-bottom:12px;padding:10px 12px;display:grid}.feat-ring{background:conic-gradient(var(--sf-cyan,var(--sf-cyan)) calc(var(--pct) * 1%), #ffffff12 calc(var(--pct) * 1%));border-radius:50%;width:84px;height:84px;position:relative;box-shadow:0 0 14px #5cd8ff2e}.feat-ring:after{content:"";background:#101420;border:1px solid #ffffff0f;border-radius:50%;position:absolute;inset:8px}.feat-ring-face{z-index:1;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.feat-ring-value{font-family:var(--sf-font-display);color:var(--sf-text);font-size:22px}.feat-ring-total{font-family:var(--sf-font-mono);color:var(--sf-text-dim);margin-top:2px;font-size:10px}.feat-cats{gap:4px;display:grid}.feat-cat{grid-template-columns:14px 74px 1fr 30px;align-items:center;gap:7px;display:grid}.feat-cat-icon{color:var(--cat);opacity:.85;font-size:12px;display:flex}.feat-cat-name{text-transform:uppercase;letter-spacing:.05em;color:var(--sf-text-dim);font-size:10px}.feat-cat.complete .feat-cat-name{color:var(--cat)}.feat-cat-bar{background:#0006;border-radius:2px;height:4px;overflow:hidden}.feat-cat-fill{background:var(--cat);height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--cat) 55%, transparent);display:block}.feat-cat-count{font-family:var(--sf-font-mono);color:var(--sf-text-dim);justify-self:end;font-size:9.5px}.profile-feats{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.profile-feat{background:linear-gradient(150deg,#ffffff0a,#00000038);border:1px solid #ffffff0f;border-radius:5px;grid-template-columns:44px 1fr;align-items:center;column-gap:12px;padding:9px 10px;display:grid;position:relative;overflow:hidden}.profile-feat:before{content:"";background:var(--cat);opacity:.28;width:2px;position:absolute;inset:0 auto 0 0}.profile-feat.earned{border-color:color-mix(in srgb, var(--cat) 38%, transparent);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--cat) 16%, transparent), transparent 70%), linear-gradient(150deg, #ffffff0d, #0000003d);box-shadow:inset 0 0 18px color-mix(in srgb, var(--cat) 10%, transparent)}.profile-feat.earned:before{opacity:1;box-shadow:0 0 8px var(--cat)}.profile-feat-medal{justify-content:center;align-items:center;width:40px;height:44px;display:flex;position:relative}.profile-feat-medal:before{content:"";clip-path:var(--hex-mask);background:linear-gradient(#ffffff14,#00000073);position:absolute;inset:0}.profile-feat.earned .profile-feat-medal:before{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--cat) 55%, transparent), transparent 72%), linear-gradient(180deg, #ffffff1f, #00000080)}.profile-feat-glyph{color:#ffffff2e;font-size:19px;display:flex;position:relative}.profile-feat.earned .profile-feat-glyph{color:var(--cat);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--cat) 65%, transparent))}.profile-feat-stamp{width:15px;height:15px;color:var(--sf-text-dim);background:#0d1119;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:8px;display:flex;position:absolute;bottom:-1px;right:-3px}.profile-feat.earned .profile-feat-stamp{color:var(--cat);border-color:color-mix(in srgb, var(--cat) 55%, transparent);box-shadow:0 0 7px color-mix(in srgb, var(--cat) 45%, transparent)}.profile-feat-text{gap:2px;min-width:0;display:grid}.profile-feat-name{letter-spacing:.02em;color:var(--sf-text-dim);font-size:11.5px;font-weight:600}.profile-feat.earned .profile-feat-name{color:var(--sf-text)}.profile-feat-desc{color:var(--sf-text-dim);opacity:.85;font-size:10.5px;line-height:1.35}.profile-feat-cat{font-family:var(--sf-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--cat);opacity:.3;font-size:8.5px;position:absolute;top:6px;right:8px}.profile-feat.earned .profile-feat-cat{opacity:.6}.profile-slot{--el:var(--sf-cyan,var(--sf-cyan));background:radial-gradient(140% 120% at 0% 0%, color-mix(in srgb, var(--el) 8%, transparent), transparent 60%), linear-gradient(180deg, #ffffff08, #0003);border:1px solid color-mix(in srgb, var(--el) 18%, #ffffff12);border-radius:5px;gap:5px;margin-bottom:12px;padding:9px 12px 12px;display:grid}.profile-slot-head{border-bottom:1px solid var(--sf-border-dim);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:6px;display:flex}.profile-slot-value{font-family:var(--sf-font-mono);letter-spacing:.06em;color:var(--el);text-shadow:0 0 8px color-mix(in srgb, var(--el) 45%, transparent);font-size:10px}.profile-slot-hint{color:var(--sf-text-dim);margin-bottom:3px;font-size:10.5px}.title-picker{flex-wrap:wrap;gap:5px;display:flex}.title-chip{font-family:var(--sf-font-ui);color:var(--sf-text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff17;border-radius:3px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.title-chip:hover{color:var(--sf-text);border-color:var(--sf-edge)}.title-chip.selected{color:var(--ink-on-accent);background:linear-gradient(180deg, #8ee6ff, var(--sf-cyan,var(--sf-cyan)));border-color:var(--sf-cyan,var(--sf-cyan));box-shadow:var(--sf-glow-cyan);font-weight:600}.title-chip.locked{cursor:not-allowed;color:#ffffff47;background:#00000038;border-style:dashed;border-color:#ffffff12}.title-chip-lock{opacity:.7;font-size:8px;display:flex}.avatar-picker{grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;display:grid}.avatar-tile{--el:var(--sf-cyan,var(--sf-cyan));cursor:pointer;background:linear-gradient(#ffffff0a,#00000047);border:1px solid #ffffff14;border-radius:4px;flex-direction:column;align-items:center;gap:3px;padding:6px 3px 5px;transition:border-color .12s,transform .12s,background .12s;display:flex;position:relative}.avatar-tile:hover:not(:disabled){border-color:color-mix(in srgb, var(--el) 55%, transparent);transform:translateY(-1px)}.avatar-tile.selected{border-color:var(--el);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--el) 26%, transparent), transparent 72%), linear-gradient(180deg, #ffffff0f, #0000004d);box-shadow:0 0 12px color-mix(in srgb, var(--el) 32%, transparent), inset 0 0 14px color-mix(in srgb, var(--el) 12%, transparent)}.avatar-tile.selected:before{content:"";background:var(--el);height:2px;box-shadow:0 0 8px var(--el);border-radius:4px 4px 0 0;position:absolute;inset:0 0 auto}.avatar-tile-art{display:flex}.avatar-tile-name{letter-spacing:.02em;text-align:center;color:var(--sf-text-dim);font-size:9px}.avatar-tile.selected .avatar-tile-name{color:var(--sf-text)}.avatar-tile.locked{cursor:not-allowed}.avatar-svg.locked{filter:grayscale(.85)brightness(.55);opacity:.6}.avatar-tile-lock{color:var(--sf-text-dim);font-size:9px;display:flex;position:absolute;top:3px;right:4px}.element-picker{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.element-tile{--el:var(--sf-cyan,var(--sf-cyan));cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:2px 0 0;display:grid}.element-tile-plate{aspect-ratio:1/1.08;width:100%;clip-path:var(--hex-mask);background:linear-gradient(180deg, color-mix(in srgb, var(--el) 34%, transparent), color-mix(in srgb, var(--el) 10%, transparent));transition:background .13s,filter .13s,transform .13s;display:block;position:relative}.element-tile-plate:before{content:"";clip-path:var(--hex-mask);background:linear-gradient(#161d29,#090d15 80%);position:absolute;inset:1.5px}.element-tile:hover:not(:disabled) .element-tile-plate{background:linear-gradient(180deg, color-mix(in srgb, var(--el) 60%, transparent), color-mix(in srgb, var(--el) 18%, transparent));transform:translateY(-1px)}.element-tile.selected .element-tile-plate{background:var(--el);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--el) 55%, transparent))}.element-tile.selected .element-tile-plate:before{background:radial-gradient(85% 70% at 50% 26%, color-mix(in srgb, var(--el) 34%, transparent), transparent 72%), linear-gradient(180deg, #1b2433, #0a0f18 80%)}.element-tile-glyph{color:color-mix(in srgb, var(--el) 62%, var(--sf-text-dim));justify-content:center;align-items:center;font-size:19px;display:flex;position:absolute;inset:0}.element-tile.selected .element-tile-glyph{color:var(--el);filter:drop-shadow(0 0 7px color-mix(in srgb, var(--el) 70%, transparent))}.element-tile-name{letter-spacing:.03em;color:var(--sf-text-dim);font-size:9.5px}.element-tile.selected .element-tile-name{color:var(--sf-text)}.element-tile.none .element-tile-glyph{font-size:13px}.element-tile.locked{cursor:not-allowed;filter:grayscale(.9);opacity:.45}.element-tile-lock{color:var(--sf-text-dim);font-size:9px;display:flex;position:absolute;top:17%;right:11%}.profile-status{min-height:15px;font-family:var(--sf-font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--sf-cyan,var(--sf-cyan));font-size:10px}@media (width<=640px){.profile-tiles{grid-template-columns:repeat(2,1fr)}.profile-feats{grid-template-columns:1fr}.feat-summary{grid-template-columns:1fr;justify-items:center}.feat-cats{width:100%}.profile-mastery-opens{display:none}.avatar-picker{grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.element-picker{grid-template-columns:repeat(4,1fr)}}.campaign-card{flex-direction:column;gap:10px;width:min(860px,100%);max-height:min(88vh,860px);display:flex}#campaign-chapters{gap:16px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.campaign-banner{background:linear-gradient(90deg,#ffb03c1f,#0003 70%);border:1px solid #ffb03c38;border-radius:5px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.campaign-banner-icon{color:var(--sf-amber);filter:drop-shadow(0 0 6px #ffb03c80);font-size:18px;display:flex}.campaign-banner-body{gap:4px;display:grid}.campaign-stars{font-family:var(--sf-font-mono);letter-spacing:.03em;color:var(--sf-amber);font-size:12px}.campaign-banner-bar,.campaign-chapter-bar{background:#00000073;border:1px solid #ffffff0f;border-radius:3px;height:5px;overflow:hidden}.campaign-banner-fill{background:linear-gradient(90deg, var(--sf-amber-dim), var(--sf-amber));height:100%;box-shadow:0 0 8px #ffb03c73}.campaign-banner-pct{font-family:var(--sf-font-display);color:var(--sf-text);font-size:16px}.campaign-notice{color:var(--sf-text-dim);background:#ffb03c14;border:1px solid #ffb03c38;border-radius:4px;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.campaign-chapter.locked{opacity:.5}.campaign-chapter-head{border-bottom:1px solid #ffffff12;grid-template-columns:40px 1fr 150px;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:7px;display:grid}.campaign-chapter-index{height:34px;font-family:var(--sf-font-display);color:var(--ink-on-accent);background:linear-gradient(180deg, #8ee6ff, var(--sf-cyan) 60%, #2b6d8a);--cut:6px;clip-path:var(--mask-card);justify-content:center;align-items:center;font-size:16px;display:flex;box-shadow:0 0 12px #5cd8ff4d}.campaign-chapter-titles{gap:2px;min-width:0;display:grid}.campaign-chapter-name{font-family:var(--sf-font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--sf-text);font-size:14px}.campaign-chapter-hint{color:var(--sf-text-dim);font-size:11px}.campaign-chapter-progress{justify-items:end;gap:4px;display:grid}.campaign-chapter-tally,.campaign-chapter-gate{font-family:var(--sf-font-mono);color:var(--sf-amber);align-items:center;gap:5px;font-size:10.5px;display:inline-flex}.campaign-chapter-bar{width:100%}.campaign-chapter-fill{background:var(--sf-amber);height:100%;display:block}.campaign-star-icon{font-size:13px;display:flex}.campaign-missions{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.campaign-mission{--accent:var(--sf-cyan);background:radial-gradient(130% 80% at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 65%), linear-gradient(170deg, #ffffff0d, #0000004d);border:1px solid color-mix(in srgb, var(--accent) 22%, #ffffff0f);border-radius:5px;flex-direction:column;gap:7px;padding:10px 11px 11px;display:flex;position:relative;overflow:hidden}.campaign-mission:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 85%);height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);position:absolute;inset:0 0 auto}.campaign-mission.perfect{border-color:color-mix(in srgb, var(--sf-amber) 45%, transparent);box-shadow:inset 0 0 20px #ffb03c14}.campaign-mission.locked{opacity:.55;filter:saturate(.35)}.campaign-mission-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.campaign-mission-code{font-family:var(--sf-font-mono);letter-spacing:.12em;color:var(--sf-text-dim);font-size:9.5px}.campaign-mission-stars{gap:3px;display:inline-flex}.campaign-star{background:#ffffff1a;border:1px solid #ffffff1f;width:9px;height:9px;transform:rotate(45deg)}.campaign-star.on{background:var(--sf-amber);box-shadow:0 0 6px color-mix(in srgb, var(--sf-amber) 70%, transparent);border-color:#ffd28a}.campaign-mission-title{grid-template-columns:20px 1fr;align-items:center;gap:7px;display:grid}.campaign-mission-glyph{color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 55%, transparent));font-size:17px;display:flex}.campaign-mission-name{font-family:var(--sf-font-display);letter-spacing:.03em;color:var(--sf-text);font-size:12.5px}.campaign-mission-wave{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 14%, transparent), #00000040);border-left:2px solid var(--accent);border-radius:0 3px 3px 0;align-items:baseline;gap:7px;padding:4px 9px;display:flex}.campaign-wave-num{font-family:var(--sf-font-display);color:var(--sf-text);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);font-size:20px;line-height:1}.campaign-wave-cap{text-transform:uppercase;letter-spacing:.09em;color:var(--sf-text-dim);font-size:9px}.campaign-objectives{gap:3px;margin:0;padding:0;list-style:none;display:grid}.campaign-objective{color:var(--sf-text-dim);opacity:.75;grid-template-columns:13px 1fr;align-items:start;gap:6px;font-size:10.5px;line-height:1.35;display:grid}.campaign-objective.met{opacity:1;color:var(--sf-text)}.campaign-objective-icon{color:#ffffff47;justify-content:center;margin-top:1px;font-size:11px;display:flex}.campaign-objective.met .campaign-objective-icon{color:var(--sf-amber);filter:drop-shadow(0 0 5px #ffb03c80)}.campaign-mission-meta{flex-wrap:wrap;gap:4px;display:flex}.campaign-tag{font-size:9.5px}.campaign-tag.chip-accent{--chip-accent:var(--accent);background:color-mix(in srgb, var(--accent) 12%, #0000004d)}.campaign-play{margin-top:auto;padding:5px 8px;font-size:11px}.campaign-locked{letter-spacing:.06em;text-transform:uppercase;color:var(--sf-text-dim);background:repeating-linear-gradient(-45deg,#ffffff0a 0 6px,#0000 6px 12px);border:1px dashed #ffffff24;border-radius:3px;justify-content:center;align-items:center;gap:5px;margin-top:auto;padding:5px 8px;font-size:10.5px;display:flex}.campaign-locked-icon{font-size:12px;display:flex}@media (width<=900px){.campaign-missions{grid-template-columns:repeat(2,1fr)}.campaign-chapter-head{grid-template-columns:40px 1fr}.campaign-chapter-progress{grid-column:1/-1;justify-items:stretch}}@media (width<=480px){.campaign-missions{grid-template-columns:1fr}}#tooltip{z-index:var(--z-tooltip);pointer-events:none;width:max-content;max-width:min(340px, calc(100vw / var(--ui-scale) - 24px));--cut:8px;padding:10px 13px 11px;position:fixed;top:0;left:0}#tooltip:after{content:"";background:linear-gradient(90deg, transparent, var(--sf-cyan) 35%, var(--sf-cyan) 65%, transparent);opacity:.75;height:2px;position:absolute;inset:1px 1px auto}.tip-head{font-family:var(--sf-font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--sf-text);text-shadow:0 1px #000c,0 0 12px #ffc85a2e;align-items:center;gap:7px;font-size:12px;font-weight:400;display:flex}.tip-head:not(:last-child){border-bottom:1px solid var(--sf-border-dim);padding-bottom:6px}.tip-icon{filter:drop-shadow(0 0 5px);font-size:16px}.tip-body{margin-top:7px}.tip-body .stat-grid{font-size:11px}.tip-row{color:var(--sf-text-dim);justify-content:space-between;align-items:center;gap:12px;margin-top:3px;font-size:11px;display:flex}.tip-row>span:last-child{font-family:var(--sf-font-mono);color:var(--sf-amber);align-items:center;gap:5px;display:inline-flex}.tip-row .icon{font-size:10px}.tip-note,.tip-text{white-space:pre-line;color:var(--sf-text-dim);margin-top:7px;font-size:11px;line-height:1.45;display:block}.tip-head+.tip-note,.tip-text:first-child{margin-top:0}#sandbox-panel{left:calc(var(--side-w) * var(--hud-left-zoom) + var(--gap) * 2);top:var(--gap);z-index:calc(var(--z-hud) - 2);width:300px;max-height:calc(62vh / var(--ui-scale));padding:8px 10px;position:absolute;overflow-y:auto}#sb-head{width:100%;color:var(--sf-cyan);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}#sb-head .panel-title{border:0;margin-bottom:0;padding-bottom:0}#sb-caret{color:var(--sf-text-dim);font-size:9px}#sb-body{flex-direction:column;gap:8px;margin-top:8px;display:flex}.sb-section{border-top:1px solid #6fa8c938;flex-direction:column;gap:5px;padding-top:7px;display:flex}.sb-section:first-child{border-top:0;padding-top:0}.sb-label{font-family:var(--sf-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--sf-text-dim);justify-content:space-between;align-items:center;font-size:10px;display:flex}.sb-grid{grid-template-columns:1fr 1fr;gap:4px;display:grid}.sb-grid-toggles{grid-template-columns:1fr 1fr}.sb-row{align-items:center;gap:4px;display:flex}.sb-row label{min-width:40px;color:var(--sf-text-dim);font-size:11px}#sandbox-panel input[type=number],#sandbox-panel select{border:1px solid var(--sf-edge);min-width:0;font-family:var(--sf-font-ui);color:var(--sf-text);background:#0d0e1ad9;flex:auto;padding:5px 6px;font-size:11px}.sb-btn{letter-spacing:.04em;padding:5px 8px;font-size:10px}.sb-btn-mini{padding:2px 6px;font-size:9px}.sb-toggle{color:var(--sf-text);align-items:center;gap:5px;font-size:11px;display:flex}.sb-toggle input{accent-color:var(--sf-cyan)}.sb-note,.sb-stats{color:var(--sf-text-dim);font-size:10px}.sb-stats{flex-wrap:wrap;gap:4px 10px;display:flex}.sb-stat{align-items:baseline;gap:4px;display:inline-flex}.sb-stat b{color:var(--sf-text);font-size:11px}.sb-stat-icon{width:11px;height:11px}.sb-creep-icon{width:16px;height:16px;display:inline-flex}.sb-chart{align-items:flex-end;gap:2px;height:46px;padding-top:2px;display:flex}.sb-bar{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.sb-bar i{background:linear-gradient(180deg, var(--sf-cyan), var(--sf-cyan-dim));width:100%}.sb-bar em{color:var(--sf-text-dim);font-size:8px;font-style:normal}.chooser-veil{z-index:calc(var(--z-chooser) - 2);pointer-events:none;background:radial-gradient(#04060c47 0%,#04060cb8 78%);animation:.35s ease-out chooser-veil-in;position:absolute;inset:0}@keyframes chooser-veil-in{0%{opacity:0}to{opacity:1}}.chooser{z-index:var(--z-chooser);--cut:16px;padding:18px 22px 20px;transition:top .45s cubic-bezier(.4,0,.2,1),padding .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1);animation:.42s cubic-bezier(.16,1.2,.3,1) chooser-arrive,1.8s ease-in-out .42s infinite decision-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes chooser-arrive{0%{opacity:0;transform:translate(-50%,-50%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes decision-glow{0%,to{filter:drop-shadow(0 4px 14px #0009)drop-shadow(0 0 7px #ffb03c38)}50%{filter:drop-shadow(0 4px 14px #0009)drop-shadow(0 0 15px #ffb03c73)}}.relic-title{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--sf-amber);text-shadow:0 0 10px #ffb03c80;margin-bottom:10px;font-size:14px;font-weight:700}.chooser .relic-title{font-family:var(--sf-font-display);letter-spacing:.16em;text-shadow:0 0 18px #ffb03c99,0 2px 3px #000c;margin-bottom:2px;font-size:22px}.chooser .relic-sub{letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--sf-text-dim);margin-bottom:14px;font-size:11px}.relic-cards{gap:10px;display:flex}.chooser .relic-cards{gap:14px}.relic-card{text-align:left;border:1px solid var(--sf-border-dim);width:190px;color:var(--sf-text);background:#00000059;flex-direction:column;gap:5px;padding:10px 12px;display:flex}.relic-card:hover{border-color:var(--sf-amber);background:#ffb03c14}.chooser .relic-card{gap:8px;width:234px;padding:16px 16px 18px;transition:transform .14s ease-out,border-color .14s ease-out,background .14s ease-out}.chooser .relic-card:hover{transform:translateY(-3px);box-shadow:0 0 22px #ffb03c38}.relic-name{align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.chooser .relic-name{font-family:var(--sf-font-display);letter-spacing:.03em;font-size:17px}.relic-desc{color:var(--sf-text-dim);font-size:12px;line-height:1.35}.chooser .relic-desc{font-size:13px;line-height:1.45}.relic-element{width:16px;height:16px}.chooser .relic-element{width:22px;height:22px}.relic-timer{background:#ffb03c24;height:2px;margin-top:14px}.relic-timer i{background:linear-gradient(90deg, var(--sf-amber-dim), var(--sf-amber));height:100%;animation:18s linear forwards relic-hold;display:block;box-shadow:0 0 8px #ffb03c99}@keyframes relic-hold{0%{width:100%}to{width:0%}}.relic-tab{font-family:var(--sf-font-display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--sf-amber);text-shadow:0 0 10px #ffb03c80;font-size:12px;display:none}.chooser.collapsed{--cut:9px;padding:7px 16px;animation:1.4s ease-in-out infinite decision-glow;top:64px;transform:translate(-50%)}.chooser.collapsed .relic-title,.chooser.collapsed .relic-sub,.chooser.collapsed .relic-cards,.chooser.collapsed .relic-timer{display:none}.chooser.collapsed .relic-tab{display:block}@media (prefers-reduced-motion:reduce){.chooser,.chooser-veil,.chooser.collapsed,.relic-timer i{animation:none}}@media (pointer:coarse),(width<=900px){.chooser{padding:14px 16px 16px}.chooser .relic-title{font-size:18px}.relic-cards{flex-direction:column}.relic-card{width:220px}.chooser .relic-card{width:min(300px,78vw);padding:12px 14px}}#event-panel{z-index:calc(var(--z-toast) + 2)}#event-veil{z-index:var(--z-toast)}#relic-panel.collapsed:not([hidden])~#event-panel.collapsed{top:118px}.ev-deadline{letter-spacing:.12em;text-transform:uppercase;text-align:center;color:var(--sf-text-dim);margin-top:12px;font-size:11px}#event-panel .relic-timer{margin-top:5px}#event-panel .relic-timer i{transition:width .25s linear;animation:none}#event-panel.urgent .ev-deadline{color:var(--sf-amber)}#event-panel.urgent .relic-timer i{background:linear-gradient(90deg, var(--sf-amber), #ff7a3c);box-shadow:0 0 10px #ff7a3cb3}#event-panel.no-deadline .ev-deadline,#event-panel.no-deadline .relic-timer{display:none}#event-panel .event-hint{text-align:center;color:var(--sf-text-dim);margin-top:8px;font-size:11px}#event-panel.collapsed .ev-deadline,#event-panel.collapsed .event-hint{display:none}@media (prefers-reduced-motion:reduce){#event-panel .relic-timer i{transition:none}}#resonance-panel{z-index:var(--z-panel);--cut:8px;min-width:150px;padding:0;position:absolute;top:42%;right:12px}.resonance-head{letter-spacing:.12em;text-transform:uppercase;text-align:left;width:100%;color:var(--sf-amber);background:0 0;border:0;padding:5px 8px;font-size:10px;font-weight:700;display:block}.resonance-caret:after{content:"▾";float:right;opacity:.7}#resonance-panel.open .resonance-caret:after{content:"▴"}.resonance-rows{padding:2px 8px 8px;display:none}#resonance-panel.open .resonance-rows{display:block}.resonance-row{align-items:center;gap:6px;padding:3px 0;font-size:10px;display:flex}.resonance-el{width:13px;height:13px}.resonance-name{color:var(--sf-text);flex:1}.resonance-pips{gap:2px;display:flex}.resonance-pips i{background:#ffffff1f;border-radius:1px;width:6px;height:6px}.resonance-pips i.on{background:var(--sf-amber)}.resonance-buy{min-width:40px;color:var(--sf-text);border:1px solid var(--sf-border-dim);background:#00000059;padding:2px 5px;font-size:10px}.resonance-buy:hover:not(.is-disabled){border-color:var(--sf-amber)}.resonance-buy.is-disabled{opacity:.4}.resonance-max{color:var(--sf-text-dim);font-size:9px}#hero-panel{--cut:8px;align-items:center;gap:12px;width:max-content;max-width:100%;padding:6px 12px;display:flex}.hero-id{white-space:nowrap;align-items:center;gap:6px;display:flex}.hero-name,.hero-level{letter-spacing:.1em;text-transform:uppercase;color:var(--sf-amber);font-size:10px;font-weight:700}.hero-level{background:#ffd76a1f;border:1px solid #ffd76a59;padding:1px 5px}.hero-el-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--sf-text-dim);align-items:center;gap:4px;font-size:9px;font-weight:700;display:flex}.hero-head-el{width:13px;height:13px}.hero-body{align-items:center;gap:12px;display:flex}.hero-body[hidden]{display:none}.hero-bars{flex-direction:column;gap:3px;width:132px;display:flex}.hero-bar{border:1px solid var(--sf-border-dim);background:#00000073;height:12px;position:relative;overflow:hidden}.hero-bar>i{transition:width .12s linear;display:block;position:absolute;inset:0 auto 0 0}.hero-bar-text{text-align:center;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:#eaf4ff;text-shadow:0 1px 2px #000000e6;font-size:8px;font-weight:700;line-height:12px;display:block;position:relative}.hero-bar.hp>i{background:linear-gradient(#3ed295,#157a52)}.hero-bar.hp.low>i{background:linear-gradient(#f0714a,#96280f)}.hero-bar.xp>i{background:linear-gradient(#3fbfe0,#14607c)}.hero-bar.xp.maxed>i{background:linear-gradient(#f0c465,#8a6414)}.hero-stats{gap:8px;display:flex}.hero-stat{border:1px solid var(--sf-border-dim);background:#0000004d;flex-direction:column;align-items:center;gap:1px;min-width:34px;padding:2px 5px;display:flex}.hero-stat b{letter-spacing:.12em;color:var(--sf-text-dim);font-size:7px;font-weight:700}.hero-stat-value{font-variant-numeric:tabular-nums;color:#eaf4ff;font-size:11px;font-weight:700;line-height:1}.hero-stat:hover{border-color:var(--sf-cyan)}.hero-down{letter-spacing:.06em;color:var(--sf-danger);white-space:nowrap;font-size:10px;font-weight:700}.hero-down[hidden]{display:none}.hero-attune-col{flex-direction:column;gap:3px;display:flex}.hero-attune{gap:3px;display:flex}.hero-attune-cooldown{background:#00000080;border:1px solid #ffd76a59;height:3px}.hero-attune-cooldown[hidden]{display:none}.hero-attune-cooldown>i{background:var(--sf-amber);height:100%;margin-left:auto;transition:width .12s linear;display:block}.hero-el{border:1px solid var(--sf-border-dim);background:#00000059;width:24px;padding:3px 0;line-height:0}.hero-el.is-disabled{opacity:.4}.hero-el.current{border-color:var(--sf-amber);opacity:1}.hero-el:hover:not(.is-disabled){border-color:var(--sf-cyan)}.hero-el-icon{width:12px;height:12px}#hero-panel.selected{background:linear-gradient(180deg, var(--sf-amber) 0%, #7a5518 60%, #10141d 100%);filter:drop-shadow(0 4px 14px #0009)drop-shadow(0 0 8px #ffd76a59)}@media (width<=900px){#hero-panel{gap:8px;padding:5px 8px}.hero-body{gap:8px}.hero-bars{width:108px}.hero-stat{min-width:30px;padding:2px 3px}}@media (width<=640px){.hero-stats{display:none}}#btn-knowledge{pointer-events:auto;flex:none;align-self:center;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}#btn-knowledge .icon{width:22px;height:22px;color:var(--sf-cyan);font-size:22px}#knowledge-badge{text-align:center;min-width:13px;color:var(--ink-on-accent);background:var(--sf-amber);border-radius:8px;padding:1px 3px;font-size:8px;font-weight:700;line-height:1.2;position:absolute;top:3px;right:7px}#knowledge-panel{z-index:calc(var(--z-modal) - 10);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.kb-backdrop{background:#04080eb8;position:absolute;inset:0}.kb-dialog{--cut:16px;flex-direction:column;max-width:min(1220px,94vw);max-height:88vh;padding:12px 14px 14px;display:flex;position:relative}.kb-head{border-bottom:1px solid var(--sf-border-dim);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:9px;display:flex}.kb-head-badge{width:30px;height:34px;clip-path:var(--hex-mask);background:linear-gradient(160deg,#5cd8ff47,#00000073);flex:none;place-items:center;display:grid}.kb-head-icon{width:16px;height:16px;color:var(--sf-cyan)}.kb-headings{gap:2px;min-width:0;display:grid}.kb-title{font-family:var(--sf-font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--sf-cyan);text-shadow:0 0 14px #5cd8ff59;font-size:13px;font-weight:700}.kb-hint{color:var(--sf-text-dim);font-size:9px}.kb-progress{justify-items:end;gap:4px;min-width:130px;margin-left:auto;display:grid}.kb-progress-num{font-family:var(--sf-font-mono);letter-spacing:.08em;color:var(--sf-amber);font-size:9.5px}.kb-progress-bar{background:#00000080;border:1px solid #ffffff0f;border-radius:3px;width:100%;height:4px;overflow:hidden}.kb-progress-fill{background:linear-gradient(90deg, var(--sf-amber-dim), var(--sf-amber));height:100%;display:block;box-shadow:0 0 8px #ffb03c73}.kb-close{flex-shrink:0}.kb-trees{background-image:repeating-linear-gradient(60deg,#8cbedc0d 0 1px,#0000 1px 26px),repeating-linear-gradient(-60deg,#8cbedc0d 0 1px,#0000 1px 26px);grid-template-columns:repeat(6,minmax(140px,1fr));gap:10px;display:grid;position:relative;overflow:auto}.kb-tree{background:radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--el-color,var(--sf-cyan)) 14%, transparent), transparent 62%), linear-gradient(180deg, #ffffff0a, #00000057);border:1px solid color-mix(in srgb, var(--el-color,var(--sf-cyan)) 22%, var(--sf-border-dim));padding:8px;position:relative;overflow:hidden}.kb-tree:before{content:"";background:linear-gradient(90deg, var(--el-color,var(--sf-cyan)), transparent 88%);height:2px;box-shadow:0 0 8px color-mix(in srgb, var(--el-color,var(--sf-cyan)) 55%, transparent);position:absolute;inset:0 0 auto}.kb-tree-head{grid-template-columns:24px 1fr auto;align-items:center;gap:4px 6px;margin-bottom:10px;display:grid}.kb-tree-badge{background:linear-gradient(160deg, color-mix(in srgb, var(--el-color,var(--sf-cyan)) 42%, transparent), #00000080);width:24px;height:27px;clip-path:var(--hex-mask);grid-row:span 2;place-items:center;display:grid}.kb-tree-el{color:#f2f7fb;width:12px;height:12px}.kb-tree-name{font-family:var(--sf-font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--el-color,var(--sf-text));font-size:10px;font-weight:700}.kb-tree-tally{font-family:var(--sf-font-mono);color:var(--sf-text-dim);font-size:9px}.kb-tree-slash{opacity:.5;margin:0 1px}.kb-tree-meter{background:#00000080;border-radius:2px;grid-column:2/span 2;height:3px;overflow:hidden}.kb-tree-fill{background:var(--el-color,var(--sf-cyan));height:100%;box-shadow:0 0 6px color-mix(in srgb, var(--el-color,var(--sf-cyan)) 60%, transparent);display:block}.kb-grid{grid-auto-rows:1fr;gap:12px 6px;display:grid}.kb-rung{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;min-width:0;display:grid}.kb-node{min-width:0;min-height:86px;color:var(--sf-text-dim);border:1px solid var(--sf-border-dim);--cut:7px;clip-path:var(--mask-card);background:linear-gradient(170deg,#ffffff0b,#0000006b);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:7px 4px 6px;font-size:8px;line-height:1.2;transition:background .12s,border-color .12s,transform .12s;display:flex;position:relative}.kb-facet{background:linear-gradient(160deg, color-mix(in srgb, var(--el-color,var(--sf-cyan)) 22%, #ffffff14), #0000008c);width:32px;height:36px;clip-path:var(--hex-mask);flex:none;place-items:center;display:grid;position:relative}.kb-facet:before{content:"";clip-path:var(--hex-mask);background:linear-gradient(160deg,#141e2ae6,#060a10f2);position:absolute;inset:1px}.kb-facet>.icon{z-index:1;position:relative}.kb-rung:not(:last-child) .kb-node:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--el-color,var(--sf-cyan)) 45%, transparent), transparent);width:1px;height:14px;position:absolute;bottom:-15px;left:50%}.kb-node .kb-node-icon{width:18px;height:18px;color:var(--sf-text-dim);transition:color .12s}.kb-node-name{letter-spacing:.01em;text-transform:uppercase;text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;max-width:100%;margin-top:1px;font-size:8.5px;font-weight:700}.kb-node-cost,.kb-node-state{font-family:var(--sf-font-mono);letter-spacing:.06em;text-transform:uppercase;background:#0006;border-radius:7px;align-items:center;gap:3px;margin-top:auto;padding:2px 5px;font-size:8px;display:flex}.kb-node-cost .icon,.kb-node-state .icon{width:9px;height:9px}.kb-node-state.is-owned{color:var(--sf-amber);background:#ffb03c24}.kb-node-state.is-sealed{color:#d16a6a;background:#d16a6a1f}.kb-node-state.is-locked{color:var(--sf-text-dim);opacity:.75;background:0 0}.kb-node.buyable{color:var(--sf-text);border-color:color-mix(in srgb, var(--el-color,var(--sf-cyan)) 55%, transparent);background:linear-gradient(170deg, color-mix(in srgb, var(--el-color,var(--sf-cyan)) 12%, transparent), #0000006b)}.kb-node.buyable .kb-facet{background:linear-gradient(160deg, var(--el-color,var(--sf-cyan)), #0009);animation:2.4s ease-in-out infinite kb-ready}.kb-node.buyable .kb-node-icon{color:var(--el-color,var(--sf-cyan))}.kb-node.buyable .kb-node-cost{color:var(--sf-text)}.kb-node.buyable:hover{border-color:var(--el-color,var(--sf-cyan));box-shadow:0 0 14px color-mix(in srgb, var(--el-color,var(--sf-cyan)) 30%, transparent);transform:translateY(-1px)}.kb-node.owned{color:var(--sf-text);border-color:color-mix(in srgb, var(--sf-amber) 45%, transparent);background:linear-gradient(170deg,#ffb03c1f,#0000006b);box-shadow:inset 0 0 18px #ffb03c17}.kb-node.owned .kb-facet{background:linear-gradient(160deg, var(--el-color,var(--sf-amber)), #0000008c);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--el-color,var(--sf-cyan)) 45%, transparent))}.kb-node.owned .kb-facet:before{background:linear-gradient(160deg,#1e160ad1,#080604f0)}.kb-node.owned .kb-node-icon{color:var(--el-color,var(--sf-amber))}.kb-node.owned:after{background:linear-gradient(180deg, var(--sf-amber), transparent);width:2px;box-shadow:0 0 6px #ffb03c80}.kb-node.locked{opacity:.62}.kb-node.locked .kb-facet{filter:saturate(.4)}.kb-node.excluded{opacity:.42;filter:saturate(.2)}.kb-node.excluded .kb-node-name{text-decoration:line-through}@keyframes kb-ready{0%,to{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--el-color,var(--sf-cyan)) 40%, transparent))}50%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--el-color,var(--sf-cyan)) 75%, transparent))}}@media (prefers-reduced-motion:reduce){.kb-node.buyable .kb-facet{animation:none}.kb-node{transition:none}}@media (width<=900px){.kb-trees{grid-template-columns:repeat(2,minmax(140px,1fr))}.kb-dialog{max-height:92vh}}@media (width>=901px) and (width<=1400px){.kb-trees{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (width<=1400px){:root{--info-w:262px;--intel-h:165px;--slot-w:90px;--slot-h:98px;--slot-icon:32px;--chat-h:118px;--ability-sz:54px;--ability-icon:28px}}@media (width<=1100px){:root{--gap:10px;--info-w:208px;--intel-h:130px;--cc-cols:2;--slot-w:86px;--slot-h:94px;--slot-icon:30px;--chat-h:104px;--ability-sz:50px;--ability-icon:26px}}@media (height<=660px){:root{--intel-h:150px;--minimap-h:200px;--portrait-max-h:270px;--slot-h:98px;--slot-icon:30px}}@media (width<=640px),(height<=560px){:root{--ui-scale:var(--ui-scale-mobile);--hud-left-zoom:1.3;--gap:6px;--info-w:156px;--side-w:52px;--intel-h:110px;--cc-cols:2;--slot-w:62px;--slot-h:58px;--slot-icon:28px;--minimap-h:200px;--portrait-w:230px;--portrait-max-h:230px;--chat-h:96px;--cut:8px;--ability-sz:46px;--ability-icon:24px;--top-strip-h:158px;--ability-h:68px}#ui-root{font-size:12px}#next-wave-panel{display:none}#hud-resources{gap:6px;padding:5px 8px}#wave-banner{padding:5px 12px}.hud-lives-meter{width:30px}.stat-icon{width:17px;height:17px;font-size:10px}.stat-value{font-size:13px}.wave-sub #wave-banner-label,.wave-strip{display:none}.wave-title{font-size:14px}#btn-start-wave{padding:5px 10px;font-size:10px}#brand-name{display:none}#brand-bar{justify-content:space-between;padding:5px 7px}#minimap-frame{align-self:flex-end;padding:4px}#minimap-slot{width:var(--minimap-h)}#radial-menu #portrait-panel{padding:7px 8px}#threat-panel,#next-wave-panel,#leaderboard,#chat-panel{padding:5px 7px}.command-card,#cc-groups{gap:4px}#cc-flyout{padding:6px 8px 8px}.cc-group{width:34px;height:38px}.cc-group .icon{width:18px;height:18px;font-size:18px}#btn-knowledge{width:36px;height:36px}#btn-knowledge .icon{width:18px;height:18px;font-size:18px}.cc-slot{--cut:5px;gap:2px;padding:4px 2px 3px}.cc-label{display:none}.cc-cost{letter-spacing:0;background:0 0;border:none;gap:2px;margin:auto 0 0;padding:0;font-size:9px}.cc-cost .cost-pair{font-size:10px}.cc-cost .icon{font-size:9px}.cc-cost:has(.cost-pair+.cost-pair) .cost-pair{font-size:9px}.cc-cost:has(.cost-pair+.cost-pair) .icon{font-size:8px}.cc-slot.locked .cc-lock{gap:3px;padding:2px 0;font-size:9px}.cc-lock .icon{font-size:9px}.cc-lock b{font-size:10px}#ability-row{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:4px;overflow-x:auto}#ability-row::-webkit-scrollbar{display:none}#threat-list{flex-wrap:wrap;gap:4px;display:flex;overflow:visible}.threat-row{background:#00000059;border-top:none;gap:3px;margin-top:0;padding:1px 4px 1px 3px}.threat-row+.threat-row{border-top:none;margin-top:0;padding-top:1px}.threat-icon{font-size:15px}.threat-body{flex:none}.threat-name,.threat-element,.threat-meter{display:none}.threat-movement,.threat-count{font-size:11px}#portrait-header{gap:7px;margin-bottom:5px}#portrait-icon{width:30px;height:30px}#portrait-name{font-size:11px}.stat-grid{gap:1px 8px;font-size:11px}#chat-body{margin-top:5px;padding-top:5px}#gameover-banner{width:calc(100vw / var(--ui-scale) - 24px);--cut:12px;gap:9px;padding:20px 16px}#gameover-icon{font-size:40px}#gameover-text{font-size:15px}.escape-card{padding:16px 18px}}@media (width<=640px){#hud-top-center{left:var(--gap);right:var(--gap);max-width:100%}#hud-left,#hud-right{top:calc(var(--gap) + var(--top-strip-h));bottom:calc(var(--gap) + var(--ability-h) + var(--consent-h))}#bottom-stack{left:var(--gap);right:var(--gap)}#ability-bar{width:100%;max-width:none}#hud-resources{flex-wrap:wrap;justify-content:center;row-gap:2px}}@media (width<=640px) and (orientation:portrait){:root{--cc-cols:5;--info-w:140px;--minimap-h:150px;--sheet-h:38vh;--strip-h:62px}#hud-left{left:var(--gap);right:var(--gap);flex-direction:row;align-items:center;width:auto;max-height:none;top:auto}#hud-dock{flex:auto;min-width:0}#cc-groups{scrollbar-width:none;flex-direction:row;align-items:center;overflow:auto hidden}.cc-groups-sep{background:linear-gradient(180deg, transparent, var(--sf-edge-dim), transparent);align-self:stretch;width:1px;height:auto;margin:3px 4px}#cc-flyout{width:auto;top:auto;left:0;right:0;bottom:calc(100% + var(--gap))}#cc-flyout .command-card,#cc-flyout .command-card.cc-narrow{grid-template-columns:repeat(var(--cc-cols), minmax(0, 1fr));max-height:var(--sheet-h)}#cc-hint{text-align:center;color:var(--sf-text-dim);margin-top:4px;font-size:10px;line-height:1.2;display:block}#cc-hint.active{color:var(--sf-amber);font-weight:700}#hud-right{bottom:calc(var(--gap) * 2 + var(--ability-h) + var(--strip-h) * var(--hud-left-zoom) + var(--consent-h))}#leaderboard{display:none!important}#hud-right{scrollbar-width:none;overflow-y:auto}#hud-right::-webkit-scrollbar{display:none}}@media (height<=560px){:root{--minimap-h:190px;--portrait-max-h:150px;--slot-h:46px;--intel-h:70px}#leaderboard{display:none!important}}@media (pointer:coarse){:root{--ui-scale:var(--ui-scale-mobile);--hud-left-zoom:1.2}.hotkey{display:none}.hud-btn{padding:9px 14px}#chat-input{padding:9px 8px;font-size:16px}#radial-menu{--radial-btn:62px}.radial-icon{font-size:23px}.radial-face{font-size:11px}.radial-btn:has(.cost-pair+.cost-pair+.cost-pair) .radial-icon{font-size:18px}#tooltip{max-width:min(300px,100vw - 24px);padding:11px 13px}}