*{box-sizing:border-box;margin:0;padding:0}:root{--fire:#ff6b35;--frost:#5ec8e5;--lightning:#b67cff;--toxic:#8ee53f;--wind:#aee3ff;--stone:#c2a878;--gold:#e8c873;--parchment:#efe3c2;--ink:#1a1410}html,body{-webkit-user-select:none;user-select:none;background:#0b0e14;width:100%;height:100%;font-family:Georgia,Times New Roman,serif;overflow:hidden}#game-root,#game-root canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.screen{z-index:10;height:100dvh;position:fixed;inset:0}.hidden{display:none!important}#auth-overlay{z-index:60;background:radial-gradient(1200px 800px at 50% 30%,#1c2234f5,#06080dfb);justify-content:center;align-items:center;display:flex}#auth-overlay.hidden{display:none!important}.auth-card{flex-direction:column;align-items:center;gap:8px;max-width:460px;padding:32px;display:flex}.auth-rune{color:#e8c873;opacity:.9;text-shadow:0 0 24px #e8c87366;font-size:40px}.auth-title{letter-spacing:.3em;color:#f0e6cf;margin:0;font-size:34px;font-weight:700}.auth-sub{color:#9aa3b2;letter-spacing:.06em;margin:0 0 16px;font-size:13px}#auth-clerk{min-height:1px}.coop-box{border-top:1px solid #e8c87324;margin-top:14px;padding-top:12px}.coop-head{letter-spacing:.14em;color:#9aa3b2;margin-bottom:9px;font-size:11px}.coop-actions{align-items:center;gap:6px;display:flex}.coop-btn{letter-spacing:.07em;color:#e8c873;cursor:pointer;background:#0e121ab3;border:1px solid #2e3850;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:12px;transition:all .15s}.coop-btn:hover{border-color:#e8c873}.coop-input{text-transform:uppercase;text-align:center;letter-spacing:.12em;color:#f0e6cf;background:#06080c99;border:1px solid #2e3850;border-radius:7px;width:66px;padding:6px 4px;font-family:ui-monospace,monospace;font-size:13px}.coop-status{color:#8b93a4;margin-top:9px;font-size:11px;line-height:1.5}.coop-start{color:#f0e6cf;letter-spacing:.1em;background:linear-gradient(#e8c87333,#e8c8730f);border-color:#e8c87380;width:100%;margin-top:10px;font-weight:700}.coop-or{color:#6b7384;font-size:11px}.coop-room{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.coop-code-big{letter-spacing:.22em;color:#f0e6cf;background:#06080c99;border:1px solid #e8c87373;border-radius:8px;padding:6px 14px;font-family:ui-monospace,monospace;font-size:22px}.coop-copy,.coop-leave{padding:6px 10px;font-size:11px}.coop-leave{color:#c98b8b;border-color:#4a2e2e}.slot-you{color:#e8c873;font-size:.82em;font-weight:400}.squad-slot.waiting{opacity:.72;border-style:dashed}.squad-slot.waiting .slot-label{color:#e8c873;letter-spacing:.12em}.play-btn.disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}.hub-friends{flex-direction:column;display:flex}.fr-head{letter-spacing:.14em;color:#9aa3b2;margin-bottom:9px;font-size:11px}.hub-friends-btn{cursor:pointer;height:40px;color:var(--parchment);background:#0e121a99;border:1px solid #2e3850;border-radius:10px;flex:none;align-items:center;gap:7px;padding:0 13px;font-family:inherit;transition:all .15s;display:inline-flex}.hub-friends-btn:hover{border-color:var(--gold);box-shadow:0 0 14px #e8c8732e}.hub-friends-btn .hfb-ico{color:var(--gold);font-size:15px}.hub-friends-btn .hfb-count{color:#8b93a4;background:#ffffff0f;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:grid}.hub-friends-btn.has-online .hfb-count{color:#0c0f15;background:#5ad17a;box-shadow:0 0 10px #5ad17a80}.friends-scrim{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#04060a8c;transition:opacity .25s;position:fixed;inset:0}.friends-scrim.show{opacity:1;pointer-events:auto}.friends-drawer{z-index:91;background:linear-gradient(#10141dfc,#0a0d13fc);border-left:1px solid #2a3142;flex-direction:column;width:340px;max-width:88vw;height:100%;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-22px 0 60px #0000008c}.friends-drawer.open{transform:translate(0)}.fd-head{border-bottom:1px solid #e8c87324;flex:none;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.fd-title{letter-spacing:.16em;color:#e8c873;font-size:13px}.fd-close{color:#9aa3b2;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;width:28px;height:28px;font-size:13px}.fd-close:hover{color:#fff;background:#ff50502e}.fd-body{flex:1;min-height:0;padding:16px 18px;overflow-y:auto}.fr-code{color:#8b93a4;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;display:flex}.fr-code b{letter-spacing:.18em;color:#f0e6cf;background:#06080c99;border:1px solid #e8c87366;border-radius:6px;padding:3px 9px;font-family:ui-monospace,monospace;font-size:14px}.fr-code-off b{color:#8b93a4;letter-spacing:.06em;border-color:#2e3850}.fr-copy{color:#e8c873;cursor:pointer;background:#0e121ab3;border:1px solid #2e3850;border-radius:6px;margin-left:auto;padding:3px 8px;font-size:13px}.fr-copy:hover{border-color:#e8c873}.fr-add{gap:6px;display:flex}.fr-input{text-transform:uppercase;text-align:center;letter-spacing:.14em;color:#f0e6cf;background:#06080c99;border:1px solid #2e3850;border-radius:7px;flex:1;min-width:0;padding:6px 4px;font-family:ui-monospace,monospace;font-size:13px}.fr-msg{color:#c98b8b;min-height:14px;margin:6px 0 2px;font-size:11px}.fr-msg.ok{color:#8bc98f}.fr-sub{letter-spacing:.16em;color:#6b7384;text-transform:uppercase;margin:11px 0 5px;font-size:10px}.fr-empty{color:#6b7384;padding:2px 0 4px;font-size:11px}.fr-row{border-radius:8px;align-items:center;gap:9px;padding:6px 4px;display:flex}.fr-row:hover{background:#ffffff08}.fr-dot{background:#5a6273;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #00000059}.fr-dot.online{background:#5ad17a;box-shadow:0 0 7px #5ad17a}.fr-dot.idle{background:#e8b54a;box-shadow:0 0 7px #e8b54a}.fr-dot.in-match{background:#5aa8ff;box-shadow:0 0 7px #5aa8ff}.fr-dot.in-lobby{background:#5ad1c4;box-shadow:0 0 7px #5ad1c4}.fr-emblem{width:24px;height:24px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--el,#e8c873) 55%, transparent));flex:none}.fr-info{flex-direction:column;flex:1;min-width:0;display:flex}.fr-name{color:#f0e6cf;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.fr-meta{color:#8b93a4;font-size:10px}.fr-actions{flex:none;align-items:center;gap:5px;display:flex}.fr-act{color:#cdd3df;cursor:pointer;background:#0e121ab3;border:1px solid #2e3850;border-radius:6px;padding:4px 8px;font-family:inherit;font-size:11px;transition:all .15s}.fr-act:hover{border-color:#e8c873}.fr-act.ok{color:#8bc98f;border-color:#2e4a32}.fr-act.inv{color:#e8c873}.fr-act.no{color:#c98b8b;border-color:#4a2e2e;padding:4px 7px}.fr-pending{letter-spacing:.08em;color:#6b7384;font-size:10px}#toast-root{z-index:100000;pointer-events:none;flex-direction:column;gap:10px;max-width:320px;display:flex;position:fixed;top:70px;right:16px}.toast{pointer-events:auto;color:#e9e2cf;opacity:0;background:#0e121af5;border:1px solid #2e3850;border-left:3px solid #e8c873;border-radius:10px;flex-direction:column;gap:9px;padding:12px 14px;font-size:13px;line-height:1.4;transition:opacity .2s,transform .2s;display:flex;transform:translate(18px);box-shadow:0 12px 34px #0000008c}.toast.in{opacity:1;transform:translate(0)}.toast b{color:#f0e6cf}.toast-ico{width:22px;height:22px}.toast-actions{gap:7px;display:flex}.toast-btn{color:#cdd3df;cursor:pointer;background:#080b10b3;border:1px solid #2e3850;border-radius:7px;padding:5px 11px;font-family:inherit;font-size:12px;transition:all .15s}.toast-btn:hover{border-color:#e8c873}.toast-btn.primary{color:#0c0f15;background:linear-gradient(#f0d488,#e8c873);border-color:#e8c873;font-weight:700}#loading-screen{z-index:50;background:radial-gradient(at 50% 30%,#2b3a52 0%,#0000 60%),#0b0e14;justify-content:center;align-items:center;display:flex}.load-inner{text-align:center;width:min(440px,80vw)}.load-rune{color:var(--gold);text-shadow:0 0 26px var(--gold);font-size:56px;animation:3s linear infinite runeSpin}@keyframes runeSpin{to{transform:rotate(360deg)}}.load-title{letter-spacing:.22em;color:var(--parchment);text-shadow:0 0 24px #e8c8734d;margin:14px 0 26px;font-size:clamp(26px,4vw,40px)}.load-track{background:#080a10cc;border:1px solid #e8c87366;border-radius:5px;width:100%;height:8px;overflow:hidden}#load-bar{background:linear-gradient(90deg, #5a6b8a, var(--gold));border-radius:5px;width:0%;height:100%;transition:width .3s;position:relative;overflow:hidden;box-shadow:0 0 12px #e8c87380}#load-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.1s ease-in-out infinite loadShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes loadShimmer{to{transform:translate(100%)}}#load-label{letter-spacing:.14em;color:#8b94a5;margin-top:12px;font-size:12px;font-style:italic;animation:1.6s ease-in-out infinite loadLabelPulse}@keyframes loadLabelPulse{0%,to{opacity:.6}50%{opacity:1}}#title-screen{z-index:35;background:radial-gradient(at 50% -10%,#2b3a52 0%,#0000 60%),radial-gradient(at 50% 120%,#1d2a1d 0%,#0000 55%),#0b0e14;justify-content:center;align-items:center;display:flex}.title-vignette{pointer-events:none;background:radial-gradient(#0000 45%,#000000b3 100%);position:absolute;inset:0}.title-inner{text-align:center;padding:24px;position:relative}.title-rune-big{color:var(--gold);text-shadow:0 0 30px var(--gold);margin-bottom:4px;font-size:72px;animation:9s linear infinite runeSpin}.title-main{letter-spacing:.16em;color:var(--parchment);text-shadow:0 0 40px #e8c87366,0 5px #0009;margin-bottom:10px;font-size:clamp(48px,8vw,104px)}.title-tag{color:#9aa3b2;margin-bottom:38px;font-size:clamp(14px,1.6vw,19px);font-style:italic}.big-btn{letter-spacing:.3em;color:var(--ink);cursor:pointer;background:linear-gradient(#f4dd92,#d8b24e);border:none;border-radius:10px;padding:18px 64px;font-family:inherit;font-size:22px;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 24px #e8c87359,0 2px #0006}.big-btn:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 10px 30px #e8c87380}.title-controls-hint{color:#6b7488;letter-spacing:.04em;margin-top:36px;font-size:12.5px}.title-controls-hint b{color:var(--parchment)}.mode-toggle{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:26px;display:flex}.mode-label{letter-spacing:.3em;color:#6b7488;margin-right:4px;font-size:11px}.mode-btn{letter-spacing:.06em;cursor:pointer;color:#9aa3b2;background:linear-gradient(#1a2030,#12161f);border:1px solid #2e3850;border-radius:8px;padding:9px 18px;font-family:inherit;font-size:13px;transition:all .15s}.mode-btn:hover{color:var(--parchment);border-color:#3d4a68}.mode-btn.active{color:var(--gold);border-color:var(--gold);box-shadow:0 0 14px #e8c8734d}#select-screen{--el:var(--gold);z-index:30;background:#06080c;overflow:hidden}.sel-bg{filter:saturate(.72)brightness(.5);background:url(/assets/build/menu-bg-DrdZ-AMe.png) 50% 30%/cover no-repeat;position:absolute;inset:0;transform:scale(1.06)}.sel-scrim{pointer-events:none;background:radial-gradient(120% 85% at 50% 6%, color-mix(in srgb, var(--el) 22%, transparent), transparent 58%), linear-gradient(180deg, #06080c8c 0%, #06080c2e 36%, #06080cdb 100%);transition:background .4s;position:absolute;inset:0}.sel-vignette{pointer-events:none;background:radial-gradient(#0000 50%,#000000c7 100%);position:absolute;inset:0}.sel-title{text-align:center;letter-spacing:.2em;color:var(--parchment);text-shadow:0 0 28px #e8c87359,0 3px #0009;z-index:4;pointer-events:none;font-size:clamp(26px,3.4vw,44px);position:absolute;top:26px;left:0;right:0}.title-rune{color:var(--gold);text-shadow:0 0 18px var(--gold);vertical-align:middle;font-size:.62em}.sel-layout{z-index:3;grid-template-rows:minmax(0,1fr);grid-template-columns:auto 1fr minmax(320px,400px);align-items:center;gap:clamp(12px,3vw,56px);max-width:1500px;margin-inline:auto;padding:96px clamp(28px,5vw,90px) 84px;display:grid;position:absolute;inset:0}.sel-rail{flex-direction:column;gap:14px;display:flex}.sel-emblem{--ec:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#1c2230b3,#0c1018b3);border:1px solid #2c3550;border-radius:14px;place-items:center;width:74px;height:74px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative}.sel-emblem img{object-fit:contain;filter:saturate(.85)brightness(.9);width:56px;height:56px;transition:filter .16s}.sel-emblem:hover{border-color:var(--ec);transform:translate(4px)}.sel-emblem:hover img{filter:none}.sel-emblem.active{border-color:var(--ec);box-shadow:0 0 0 1px var(--ec), 0 0 22px color-mix(in srgb, var(--ec) 55%, transparent), inset 0 0 18px color-mix(in srgb, var(--ec) 22%, transparent);transform:translate(8px)scale(1.04)}.sel-emblem.active img{filter:drop-shadow(0 0 6px var(--ec))}.sel-emblem.active:before{content:"";background:var(--ec);width:3px;box-shadow:0 0 12px var(--ec);border-radius:3px;position:absolute;top:14%;bottom:14%;left:-8px}.sel-stage{justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.sel-watermark{opacity:.16;pointer-events:none;width:min(62%,480px);position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);-webkit-mask-image:radial-gradient(58% 58%,#000 30%,#0000 70%);mask-image:radial-gradient(58% 58%,#000 30%,#0000 70%)}.sel-floor{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--el) 55%, transparent), transparent 70%);filter:blur(6px);pointer-events:none;border-radius:50%;width:62%;height:58px;transition:background .4s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.featured-canvas{z-index:2;filter:drop-shadow(0 18px 30px #0000008c);width:auto;max-width:100%;height:min(88%,720px);position:relative}.sel-panel{border:1px solid color-mix(in srgb, var(--el) 30%, #2c3550);box-shadow:0 18px 50px #00000080, inset 0 0 40px color-mix(in srgb, var(--el) 8%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#10141ed1,#090c12e6);border-radius:16px;padding:26px 26px 24px;transition:border-color .4s;position:relative}.sel-class{letter-spacing:.32em;color:var(--el);opacity:.9;font-size:12px;font-weight:700}.sel-name{letter-spacing:.08em;color:var(--parchment);margin:2px 0 4px;font-size:clamp(30px,3vw,44px)}.sel-element{letter-spacing:.34em;color:var(--el);border-bottom:1px solid color-mix(in srgb, var(--el) 28%, #232a3d);margin-bottom:14px;padding-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.sel-blurb{color:#aab2c2;min-height:42px;margin-bottom:18px;font-size:13.5px;font-style:italic;line-height:1.5}.sel-abilities{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.sa{align-items:center;gap:12px;display:flex}.sa-icon{border:1px solid color-mix(in srgb, var(--el) 50%, #2c3550);width:46px;height:46px;box-shadow:inset 0 0 14px color-mix(in srgb, var(--el) 18%, transparent);background:#0a0d13 50%/cover no-repeat;border-radius:10px;flex:none}.sa-meta{flex-direction:column;gap:3px;display:flex}.sa-key{letter-spacing:.12em;color:var(--parchment);border:1px solid color-mix(in srgb, var(--el) 45%, #2c3550);background:#0a0d13;border-radius:4px;align-self:flex-start;padding:1px 6px;font-size:9px}.sa-name{color:#e6ebf4;letter-spacing:.02em;font-size:15px}.sel-stats{flex-direction:column;gap:7px;margin-bottom:22px;display:flex}.sel-stat{align-items:center;gap:10px;display:flex}.sel-stat span{letter-spacing:.16em;color:#7d889c;width:30px;font-size:10px}.sel-bar{background:#0a0d13;border-radius:4px;flex:1;height:7px;overflow:hidden}.sel-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--el) 40%, #46506a), var(--el));border-radius:4px;height:100%;transition:width .4s;display:block}.sel-choose{letter-spacing:.32em;width:100%;color:var(--ink);background:linear-gradient(180deg, var(--el), color-mix(in srgb, var(--el) 72%, #000 12%));border:1px solid color-mix(in srgb, var(--el) 75%, #fff);cursor:pointer;box-shadow:0 0 22px color-mix(in srgb, var(--el) 40%, transparent), 0 4px 12px #0006;border-radius:9px;padding:14px 0;font-family:inherit;font-size:16px;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s}.sel-choose:hover{filter:brightness(1.08);box-shadow:0 0 30px color-mix(in srgb, var(--el) 60%, transparent), 0 6px 16px #00000080;transform:translateY(-2px)}.sel-choose:active{transform:translateY(0)}@media (orientation:portrait){.sel-layout{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;justify-items:center;gap:10px;padding:80px 16px 72px}.sel-rail{flex-flow:wrap;justify-content:center;gap:10px}.sel-emblem{width:56px;height:56px}.sel-emblem img{width:42px;height:42px}.sel-emblem:hover,.sel-emblem.active{transform:scale(1.06)}.sel-emblem.active:before{display:none}.featured-canvas{height:min(40vh,400px)}.sel-panel{width:min(560px,94vw)}.sel-watermark{display:none}}@media (orientation:landscape) and (max-height:540px){.sel-title{font-size:clamp(19px,3vw,28px);top:10px}.sel-layout{grid-template-columns:auto 1fr minmax(280px,34vw);gap:clamp(8px,2.2vw,26px);padding:46px clamp(12px,3.5vw,40px) 24px}.sel-rail{gap:8px}.sel-emblem{border-radius:11px;width:48px;height:48px}.sel-emblem img{width:36px;height:36px}.sel-emblem.active:before{display:none}.sel-panel{border-radius:12px;max-height:calc(100vh - 70px);padding:13px 15px;overflow-y:auto}.sel-class{font-size:10px}.sel-name{margin-bottom:2px;font-size:clamp(20px,3.2vw,28px)}.sel-element{margin-bottom:7px;padding-bottom:6px}.sel-blurb{min-height:0;margin-bottom:9px;font-size:11.5px;line-height:1.35}.sel-abilities{gap:6px;margin-bottom:9px}.sa-icon{width:34px;height:34px}.sa-name{font-size:13.5px}.sel-stats{gap:4px;margin-bottom:10px}.sel-choose{letter-spacing:.26em;padding:9px 0;font-size:13px}.featured-canvas{height:96%}}#hud{pointer-events:none;z-index:20}.hud-player-panel{align-items:flex-end;gap:13px;display:flex;position:absolute;bottom:26px;left:28px}.hud-portrait{clip-path:polygon(50% 0,86% 14%,100% 50%,86% 86%,50% 100%,14% 86%,0 50%,14% 14%);width:78px;height:78px;filter:drop-shadow(0 3px 7px #000000b3) drop-shadow(0 0 9px color-mix(in srgb, var(--el,transparent) 55%, transparent));background:linear-gradient(150deg,#f4dd92,#8a6f2e 55%,#f4dd92);position:relative}.hud-portrait:before{content:"";clip-path:inherit;z-index:0;background:radial-gradient(circle at 50% 34%,#2a3349,#0d1119 78%);position:absolute;inset:3px}#hud-portrait{width:calc(100% - 6px);height:calc(100% - 6px);clip-path:inherit;z-index:1;position:absolute;inset:3px}.hud-vitals{width:288px;padding-bottom:2px}.hud-id{align-items:baseline;gap:9px;margin-bottom:7px;display:flex}.hud-name{color:var(--parchment);letter-spacing:.2em;text-shadow:0 2px 5px #000000d9;font-size:16px;font-weight:700}.hud-class{letter-spacing:.26em;color:var(--el,var(--gold));opacity:.9;text-shadow:0 1px 3px #000c;font-size:9.5px}.bar-shell{border:1px solid color-mix(in srgb, var(--el,#e8c873) 28%, #e8c87342);clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));background:#080a10d1;height:17px;margin-bottom:5px;position:relative;overflow:hidden;box-shadow:0 2px 7px #00000080,inset 0 1px #ffffff0f}.health-shell{border-color:#ff8c5080;height:19px}.mana-shell{height:12px}.flight-shell{height:7px}.shield-shell{border-color:#8fe9ff8c;height:11px}.bar-fill{transform-origin:0;width:100%;position:absolute;inset:0}.health-fill{z-index:1;background:linear-gradient(#ffb15a 0%,#ff6f3c 48%,#d8351f 100%);box-shadow:inset 0 1px #fff6,inset 0 -3px 6px #780a0066}.mana-fill{background:linear-gradient(#7cc0ff 0%,#2f6fd0 55%,#1d4a96 100%);box-shadow:inset 0 1px #ffffff59}.flight-fill{background:linear-gradient(#eafaff 0%,#9fe3f2 55%,#5bbdd8 100%);box-shadow:inset 0 1px #ffffff73}.flight-shell.levitating{box-shadow:0 0 12px #aee3ff,0 2px 7px #00000080}.shield-fill{background:linear-gradient(#dffaff 0%,#8fe9ff 55%,#4ab8d8 100%);box-shadow:inset 0 1px #ffffff80}.bar-damage-ghost{transform-origin:0;z-index:0;background:#ffe07899;width:100%;position:absolute;inset:0}.bar-text{color:#fffffff2;text-shadow:0 1px 2px #000000f2;z-index:3;letter-spacing:.05em;font-size:10.5px;font-weight:700;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.ability-fan{pointer-events:none;align-items:flex-end;gap:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#spell-slot,#spellR-slot{transform:translateY(6px)}#sorcery-slot,#sorceryR-slot{transform:translateY(-7px)}#move-slot{transform:translateY(-16px)}.ab-link{z-index:0;background:#e8c8738c;align-self:flex-end;width:7px;height:7px;margin-bottom:48px;position:relative;transform:rotate(45deg);box-shadow:0 0 4px #e8c87359}.ability-fan>.ab-link:first-of-type,.ability-fan>.ab-link:nth-of-type(4){transform:translateY(4px)rotate(45deg)}.ability-fan>.ab-link:nth-of-type(2),.ability-fan>.ab-link:nth-of-type(3){transform:translateY(-8px)rotate(45deg)}.ability{z-index:1;flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.ability.hidden{display:none!important}.ab-disc{border:2px solid color-mix(in srgb, var(--rarity,var(--el,var(--gold))) 78%, #2a3142);width:62px;height:62px;box-shadow:0 3px 10px #000000a6, 0 0 0 1px #00000080, 0 0 14px color-mix(in srgb, var(--rarity,var(--el,transparent)) 45%, transparent);background:radial-gradient(circle at 50% 36%,#1c2433,#0a0d14 80%);border-radius:50%;position:relative;overflow:hidden}.ab-disc canvas{width:100%;height:100%;position:absolute;inset:0}.ab-glyph{width:100%;height:100%;fill:var(--parchment);opacity:.92;padding:16px;position:absolute;inset:0}.ab-rune-glyph{z-index:3;opacity:.95;color:var(--parchment,#ece3cf);text-shadow:0 1px 4px #000000b3;justify-content:center;align-items:center;font-size:34px;line-height:1;display:flex;position:absolute;inset:0}.ab-rune-glyph img{object-fit:contain;box-sizing:border-box;filter:drop-shadow(0 1px 4px #000000b3);width:100%;height:100%;padding:16px}.ab-cd-num{z-index:6;color:#fff;text-shadow:0 1px 3px #000000f2,0 0 8px #000000b3;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:center;align-items:center;font-size:23px;font-weight:800;line-height:1;display:flex;position:absolute;inset:0}.ab-cd-num:empty{display:none}.ab-move .ab-cd-num{font-size:27px}.ab-charges{z-index:5;text-align:center;color:var(--parchment,#ece3cf);text-shadow:0 1px 3px #000000e6,0 0 6px #0009;pointer-events:none;font-size:15px;font-weight:700;line-height:1;position:absolute;bottom:5px;left:0;right:0}.ab-charges:empty{display:none}.ab-move .ab-disc{width:92px;height:92px}.ab-sorcery .ab-disc{width:68px;height:68px}.ab-spell .ab-disc{width:62px;height:62px}.ab-move .ab-glyph{padding:24px}.ab-cooldown{background:conic-gradient(#06080dc7 calc(var(--cd,0) * 360deg), transparent 0);pointer-events:none;z-index:4;border-radius:50%;position:absolute;inset:0}.ab-charge{background:conic-gradient(#aee3fff2 calc(var(--charge,0) * 360deg), transparent 0);opacity:0;z-index:5;pointer-events:none;border-radius:50%;position:absolute;inset:-3px;-webkit-mask:radial-gradient(circle,#0000 58%,#000 60%);mask:radial-gradient(circle,#0000 58%,#000 60%)}.ab-sorcery.charging .ab-charge{opacity:1}.ab-sorcery.charging .ab-disc{box-shadow:0 0 20px #aee3ffd9,0 3px 10px #000000a6}.ability.cooling .ab-disc{filter:saturate(.7)brightness(.82);border-color:#3a4254}.ability:not(.cooling):not(.ab-move) .ab-disc{animation:2.6s ease-in-out infinite abReady}@keyframes abReady{0%,to{box-shadow:0 3px 10px #000000a6, 0 0 9px color-mix(in srgb, var(--el,transparent) 32%, transparent)}50%{box-shadow:0 3px 10px #000000a6, 0 0 19px color-mix(in srgb, var(--el,transparent) 62%, transparent)}}.ab-move .ab-disc{border-color:color-mix(in srgb, var(--rarity,var(--el,var(--gold))) 88%, #2a3142);animation:2.6s ease-in-out infinite abMoveReady}@keyframes abMoveReady{0%,to{box-shadow:0 4px 14px #000000b3, 0 0 0 1px #00000080, 0 0 15px color-mix(in srgb, var(--rarity,var(--el,transparent)) 48%, transparent)}50%{box-shadow:0 4px 14px #000000b3, 0 0 0 1px #00000080, 0 0 28px color-mix(in srgb, var(--rarity,var(--el,transparent)) 82%, transparent)}}.ab-move.empty .ab-disc{opacity:.5;border-color:#3a4254;animation:none;box-shadow:0 4px 14px #000000b3,0 0 0 1px #00000080}.ab-move.empty .ab-rune-glyph{opacity:.4}.ability.empty .ab-disc{opacity:.42;border-color:#3a4254;animation:none;box-shadow:0 4px 14px #000000b3,0 0 0 1px #00000080}.ability.empty .ab-name{opacity:.6;font-style:italic}.tc-btn.empty{opacity:.4}.ab-key{letter-spacing:.08em;color:var(--gold);text-align:center;text-shadow:0 1px 2px #000;background:#080a10d9;border:1px solid #e8c87366;border-radius:4px;min-width:22px;padding:1px 6px;font-size:9px;font-weight:700}.ab-name{display:none}.util-row{align-items:flex-start;gap:12px;margin-top:9px;display:flex}.util-icon{flex-direction:column;align-items:center;gap:3px;display:flex}.util-glyph{background:#080a10b8;border:1px solid #e8c87347;border-radius:8px;width:34px;height:34px;position:relative;box-shadow:0 2px 6px #00000080}.util-key{letter-spacing:.06em;color:var(--gold);opacity:.85;text-shadow:0 1px 2px #000;font-size:8px;font-weight:700}.util-glyph .runner{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px;position:absolute;bottom:4px;left:4px}.runner-empty{stroke:#7e8ca680}.runner-clip{height:calc(var(--fill,1) * 26px);position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.runner-clip .runner-full{bottom:0;left:0}.runner-full{stroke:#7fd7f0}.util-dash.ready .util-glyph{border-color:#8fe9ff80;box-shadow:0 0 9px #8fe9ff66,0 2px 6px #00000080}.util-dash.ready .runner-full{stroke:#d6f4ff}.vial{fill:#7fe0a0;width:24px;height:26px;position:absolute;bottom:4px;left:5px}.util-potion .util-glyph{opacity:.45;transition:opacity .2s}.util-potion.has .util-glyph{opacity:1;border-color:#7fe0a073;box-shadow:0 0 9px #7fe0a066,0 2px 6px #00000080}.util-count{text-align:center;color:#0c2417;background:#7fe0a0;border-radius:8px;min-width:16px;height:16px;font-size:10px;font-weight:700;line-height:15px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 0 5px #7fe0a099}.ab-right .ab-disc{border-color:color-mix(in srgb, var(--rarity,var(--el,var(--gold))) 80%, #2a3142)}.status-row{flex-wrap:wrap;gap:6px;min-height:18px;margin-top:7px;display:flex}.status-pill{letter-spacing:.08em;color:#0c0f16;background:var(--sc,#fff);box-shadow:0 0 8px var(--sc,#fff);border-radius:10px;padding:2px 7px;font-size:9px;font-weight:700}#compass{pointer-events:none;z-index:4;background:linear-gradient(#11121a00 0%,#2a28446b 58%,#11121a00 100%);width:440px;height:42px;position:absolute;top:12px;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 17% 83%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 17% 83%,#0000 100%)}#compass-canvas{width:100%;height:100%;display:block}#compass:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:7px solid var(--gold);filter:drop-shadow(0 0 4px #e8c873d9);width:0;height:0;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.hud-top{text-align:center;pointer-events:none;width:158px;position:absolute;top:204px;right:24px}#alive-counter{letter-spacing:.18em;color:var(--parchment);text-shadow:0 2px 6px #000c;font-size:11px}#alive-counter b{color:var(--gold);margin-right:4px;font-size:19px}#storm-status{letter-spacing:.1em;color:#b48bd9;margin-top:1px;font-size:11px;font-style:italic}#storm-status.closing{color:#db9bff;text-shadow:0 0 12px #a64bffb3;font-style:normal}#kill-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:16px;right:22px}.kill-entry{letter-spacing:.03em;color:#aab3c2;background:#0a0e1699;border:1px solid #ffffff14;border-radius:6px;padding:3px 9px;font-size:12px}.kill-entry b{color:#e8c873;margin:0 3px}#storm-warning{letter-spacing:.22em;color:#e6a3ff;text-shadow:0 0 16px #a64bffe6;opacity:0;pointer-events:none;font-size:16px;font-weight:700;position:absolute;top:62px;left:50%;transform:translate(-50%)}#storm-warning.show{animation:.9s ease-in-out infinite stormpulse}@keyframes stormpulse{0%,to{opacity:.55}50%{opacity:1}}#minimap-frame{width:158px;height:158px;box-shadow:0 3px 14px #0009, inset 0 0 18px #00000080, 0 0 0 2px color-mix(in srgb, var(--el,#e8c873) 45%, #e8c87373);pointer-events:none;background:repeating-conic-gradient(#e8c87300 0deg 4.2deg,#e8c87366 4.2deg 4.9deg),#080a1080;border-radius:50%;padding:9px;position:absolute;top:18px;right:24px}#minimap-frame:before{content:"";z-index:2;pointer-events:none;border:2px solid #e8c8738c;border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 0 10px #0009}#minimap-frame:after{content:"N";letter-spacing:.1em;color:var(--gold);text-shadow:0 1px 3px #000;z-index:3;font-size:10px;position:absolute;top:1px;left:50%;transform:translate(-50%)}#minimap{z-index:1;background:#080a108c;border-radius:50%;width:100%;height:100%;position:relative}.map-hint{text-align:center;letter-spacing:.12em;color:#8b94a5;pointer-events:none;width:158px;font-size:9px;position:absolute;top:184px;right:24px}.map-hint b{color:var(--gold);border:1px solid #e8c87373;border-radius:4px;margin-right:5px;padding:1px 5px}#worldmap{z-index:60;opacity:0;pointer-events:none;background:radial-gradient(#06080e8c,#040509d1);justify-content:center;align-items:center;transition:opacity .14s;display:flex;position:absolute;inset:0}#worldmap.show{opacity:1}#worldmap-panel{box-shadow:0 10px 40px #000000b3, inset 0 0 28px #00000080, 0 0 0 2px color-mix(in srgb, var(--el,#e8c873) 40%, #e8c87366);background:#0a0c12c7;border-radius:14px;padding:14px 16px 10px;position:relative}#worldmap-canvas{background:#2a2118 url(/assets/build/worldmap-Ch2eYQVt.jpg) 50%/cover no-repeat;border-radius:10px;width:min(74vh,74vw);height:min(74vh,74vw);display:block;box-shadow:inset 0 0 60px #140c068c}#worldmap-head{border-bottom:1px solid color-mix(in srgb, var(--gold) 26%, transparent);justify-content:space-between;align-items:center;margin-bottom:11px;padding:2px 6px 9px;display:flex}#worldmap-head .wm-title{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 4px #000;align-items:center;gap:11px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600;display:flex}#worldmap-head .wm-title:before,#worldmap-head .wm-title:after{content:"◆";letter-spacing:0;color:color-mix(in srgb, var(--gold) 65%, transparent);font-size:8px}#worldmap-head .wm-legend{letter-spacing:.14em;color:#d9cdb1;align-items:center;gap:18px;font-family:Georgia,Times New Roman,serif;font-size:12px;display:flex}.wm-legend .wm-item{align-items:center;gap:7px;display:flex}.wm-mark{width:12px;height:12px;display:inline-block}.wm-mark.you{clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 4px #ffd150d9);background:#ffd166}.wm-mark.ally,.wm-mark.foe{border:1px solid #080a0eb3;border-radius:50%;width:11px;height:11px}.wm-mark.ally{background:#5fe6b0;box-shadow:0 0 6px #5fe6b0b3}.wm-mark.foe{background:#ff6a8a;box-shadow:0 0 6px #ff6a8a99}.wm-hint{text-align:center;letter-spacing:.14em;color:#9a9176;margin-top:9px;font-family:Georgia,Times New Roman,serif;font-size:11px;font-style:italic}.wm-hint b{color:var(--gold);border:1px solid #e8c87380;border-radius:4px;padding:0 5px;font-style:normal;box-shadow:inset 0 0 6px #e8c8731f}#kill-feed{right:196px}#dummy-meter{pointer-events:none;background:#0a0e169e;border:1px solid #e8c87359;border-radius:8px;min-width:132px;padding:8px 12px;position:absolute;top:20px;left:22px}.dm-title{letter-spacing:.25em;color:#6b7488;text-align:center;margin-bottom:5px;font-size:10px}.dm-row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.dm-row span{letter-spacing:.1em;color:#8b94a5;font-size:11px}.dm-row b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:18px}#nameplate-layer{pointer-events:none;z-index:24;position:fixed;inset:0;overflow:hidden}.nameplate{text-align:center;width:120px;position:absolute;transform:translate(-50%,-100%)}.np-mark{margin-bottom:1px;font-size:11px;line-height:1}.np-mark:empty,.np-name:empty{display:none}.np-name{letter-spacing:.06em;text-shadow:0 1px 3px #000000e6;white-space:nowrap;margin-bottom:2px;font-size:11px;font-weight:700}.np-bar{background:#080a10d9;border:1px solid #ffffff40;border-radius:3px;width:72px;height:6.5px;margin:0 auto;overflow:hidden}.np-bar i{background:linear-gradient(90deg,#ff7b6b,#c23a2c);height:100%;display:block}.nameplate.foe .np-bar{border-color:#ff7b6b80}.nameplate.ally .np-mark{color:#5fe6b0;text-shadow:0 1px 3px #000000e6}.nameplate.ally .np-bar{border-color:#6eebb499;box-shadow:0 0 7px #46d79666}.nameplate.ally .np-bar i{background:linear-gradient(90deg,#7dffc0,#1fae74)}.nameplate.neutral .np-bar i{background:linear-gradient(90deg,#c9d1dc,#8b94a5)}#ping-layer{pointer-events:none;z-index:23;position:fixed;inset:0;overflow:hidden}.ping{--pc:#42c84f;will-change:transform, left, top;position:absolute;transform:translate(-50%,-50%)}.ping-icon{background:var(--pc);width:13px;height:13px;box-shadow:0 0 9px var(--pc), 0 1px 3px #000000b3;border:1.5px solid #0000008c;transform:rotate(45deg)}.ping-item{width:32px;height:32px;display:none}.ping.is-item .ping-icon{display:none}.ping.is-item .ping-item{display:block}.ping-dist{white-space:nowrap;letter-spacing:.04em;color:#e6ecf5;text-shadow:0 1px 3px #000000f2;margin-top:4px;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:9px;position:absolute;top:100%;left:50%;transform:translate(-50%)}#low-mana-flash{pointer-events:none;opacity:0;background:radial-gradient(at 50% 100%,#2f6fd059,#0000 55%);position:absolute;inset:0}#hit-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#be140a80 100%);position:absolute;inset:0}#storm-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 48%,#8c32d280 100%);transition:opacity .4s;position:absolute;inset:0}#storm-vignette.show{opacity:1}#wolf-vignette{pointer-events:none;opacity:0;background:radial-gradient(#0000 52%,#c82d286b 100%);transition:opacity .3s;position:absolute;inset:0}#wolf-vignette.show{opacity:1;animation:1.5s ease-in-out infinite wolf-pulse}@keyframes wolf-pulse{0%,to{opacity:.4}50%{opacity:.85}}#announcer{letter-spacing:.3em;color:var(--parchment);text-shadow:0 0 30px #e8c87399,0 4px #0009;opacity:0;white-space:nowrap;font-size:54px;position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}#float-layer{pointer-events:none;z-index:25;position:fixed;inset:0;overflow:hidden}.float-num{color:#fff;text-shadow:0 0 8px,0 2px 2px #000c;will-change:transform, opacity;font-size:22px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.float-num.heal{color:#7ee06b}#end-screen{z-index:40;justify-content:center;align-items:center;display:flex}.end-backdrop{background:radial-gradient(#080a108c 0%,#080a10eb 100%);position:absolute;inset:0}.end-inner{text-align:center;position:relative}#end-title{letter-spacing:.22em;color:var(--gold);text-shadow:0 0 50px #e8c8738c,0 6px #000000b3;margin-bottom:10px;font-size:clamp(64px,10vw,130px)}#end-title.defeat{color:#b04a3e;text-shadow:0 0 50px #b04a3e80,0 6px #000000b3}#end-flavor{color:#9aa3b2;margin-bottom:44px;font-size:18px;font-style:italic}#end-restart,#end-reselect{letter-spacing:.28em;color:var(--parchment);cursor:pointer;background:linear-gradient(#2a3349,#1a2030);border:1px solid #3d4a68;border-radius:8px;margin:0 10px;padding:14px 38px;font-family:inherit;font-size:16px;transition:all .15s}#end-restart:hover,#end-reselect:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}body.in-battle{cursor:crosshair}body.pointer-locked{cursor:none}#crosshair{opacity:0;pointer-events:none;filter:drop-shadow(0 0 1.3px #000000f2);width:56px;height:56px;transition:opacity .2s;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}body.pointer-locked #crosshair{opacity:.9}body.pointer-locked #crosshair.firedisabled{opacity:.45}.ch-lines{transform-origin:30px 30px;transform:scale(var(--sp,1));transition:transform .1s ease-out}#crosshair line{stroke:#fff;stroke-width:1.8px;stroke-linecap:round;opacity:.92}#crosshair .ch-dot{fill:#fff}#crosshair .ch-diamond{fill:none;stroke:#ffe7a0;stroke-width:1.4px;transform-origin:30px 30px;opacity:0;transition:opacity .18s,transform .18s;transform:scale(.7)}#crosshair.overcharge .ch-diamond{opacity:.95;transform:scale(1)}#crosshair.hit line{stroke:#ff0a00;opacity:1}#crosshair.hit .ch-lines{transition:transform 60ms ease-out;transform:scale(1.45)}html.portrait #crosshair{top:40%}#dmg-ring{pointer-events:none;width:190px;height:190px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html.portrait #dmg-ring{top:40%}.dmg-arc{opacity:0;will-change:opacity, transform;background:conic-gradient(from -32deg,#ff1c0ceb 0deg,#ff1c0c80 38deg,#0000 64deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 76%,#000 80% 95%,#0000 100%);mask:radial-gradient(circle closest-side,#0000 76%,#000 80% 95%,#0000 100%)}#channel-bar{pointer-events:none;opacity:1;width:46px;height:46px;transition:opacity .18s;position:absolute;top:58%;left:50%;transform:translate(-50%)}#channel-bar.hidden{opacity:0}#channel-bar svg{filter:drop-shadow(0 1px 3px #000000d9);width:100%;height:100%;transform:rotate(-90deg)}#channel-bar circle{fill:none;stroke-width:3.2px}#channel-bar .ch-ring-track{stroke:#080a10b3}#channel-bar .ch-ring-fill{stroke:#8fe9ff;stroke-linecap:round;stroke-dasharray:100.53;stroke-dashoffset:100.53px;filter:drop-shadow(0 0 3px #8fe9ffb3)}html.portrait #channel-bar{top:48%}#lock-reticle{z-index:22;opacity:0;pointer-events:none;width:54px;height:54px;transition:opacity .12s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#lock-reticle.show{opacity:.95;animation:1.1s ease-in-out infinite lockPulse}#lock-reticle i{box-sizing:border-box;filter:drop-shadow(0 0 4px #ff6a8ad9);border:2.5px solid #ff6a8a;width:15px;height:15px;position:absolute}#lock-reticle i:first-child{border-bottom:none;border-right:none;top:0;left:0}#lock-reticle i:nth-child(2){border-bottom:none;border-left:none;top:0;right:0}#lock-reticle i:nth-child(3){border-top:none;border-right:none;bottom:0;left:0}#lock-reticle i:nth-child(4){border-top:none;border-left:none;bottom:0;right:0}@keyframes lockPulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(.86)}}#lock-hint{color:var(--parchment);letter-spacing:.18em;white-space:nowrap;pointer-events:none;background:#0a0e16b8;border:1px solid #e8c87366;border-radius:20px;align-items:center;gap:14px;padding:8px 10px 8px 18px;font-size:12px;animation:1.6s ease-in-out infinite lockpulse;display:flex;position:absolute;bottom:162px;left:50%;transform:translate(-50%)}.lh-text{color:var(--parchment)}.lh-btn{pointer-events:auto;cursor:pointer;color:var(--gold);letter-spacing:.16em;background:#e8c87324;border:1px solid #e8c87380;border-radius:14px;padding:5px 13px;font-family:inherit;font-size:11.5px}.lh-btn:hover{background:#e8c8733d}@keyframes lockpulse{0%,to{opacity:.6}50%{opacity:1}}#loot-prompt{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.loot-title{letter-spacing:.14em;color:var(--parchment);text-shadow:0 2px 6px #000000e6,0 0 14px #e8c8734d;white-space:nowrap;font-size:13px;font-weight:700}.loot-actions{align-items:flex-start;gap:26px;display:flex}.loot-chip{flex-direction:column;align-items:center;gap:5px;display:flex}.loot-chip.hidden{display:none}.loot-disc{background:conic-gradient(var(--gold) calc(var(--p,0) * 360deg), #7886a038 0);border-radius:50%;width:44px;height:44px;transition:filter .12s;position:relative;box-shadow:0 2px 8px #0009}.loot-disc:after{content:"";background:#090c13f0;border-radius:50%;position:absolute;inset:4px;box-shadow:inset 0 0 8px #0009}.loot-key{z-index:1;color:var(--gold);text-shadow:0 1px 3px #000;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.loot-cap{letter-spacing:.1em;text-transform:uppercase;color:#b9c2cf;text-shadow:0 1px 2px #000;white-space:nowrap;text-overflow:ellipsis;max-width:96px;font-size:9px;overflow:hidden}#title-screen.hub{--el:var(--gold);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;display:flex;overflow:hidden}.hub-vignette{pointer-events:none;background:radial-gradient(ellipse at 50% 4%, color-mix(in srgb, var(--el) 15%, transparent) 0%, transparent 52%), radial-gradient(ellipse at 50% 120%, #462e683d 0%, transparent 60%), radial-gradient(ellipse at center, transparent 50%, #000000b3 100%);transition:background .45s;position:absolute;inset:0}.hub-bar{z-index:3;background:linear-gradient(#080a10c7,#0000);border-bottom:1px solid #e8c87324;align-items:center;gap:20px;padding:13px 30px;display:flex;position:relative}.hub-brand{flex:none;align-items:center;gap:11px;display:flex}.brand-crest{color:var(--gold);text-shadow:0 0 18px #e8c87399;font-size:26px;animation:12s linear infinite runeSpin}.brand-word{letter-spacing:.26em;color:var(--parchment);font-size:22px}.hub-modes{flex-wrap:wrap;flex:auto;justify-content:center;align-items:stretch;gap:4px;display:flex}.hub-mode{cursor:pointer;white-space:nowrap;letter-spacing:.06em;color:#9aa3b6;background:0 0;border:1px solid #0000;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:13px;transition:color .14s,background .14s,border-color .14s;position:relative}.hub-mode:hover{color:var(--parchment);background:#ffffff0a}.hub-mode.active{color:var(--gold);background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 16%, #0e121a99), #0e121a80);border-color:color-mix(in srgb, var(--gold) 55%, transparent);box-shadow:0 0 14px color-mix(in srgb, var(--gold) 22%, transparent), inset 0 0 12px color-mix(in srgb, var(--gold) 10%, transparent)}.hub-mode.disabled{opacity:.3;cursor:not-allowed}.hub-mode.disabled:hover{color:#9aa3b6;background:0 0}.hub-bar-right{flex:none;align-items:center;gap:12px;margin-left:auto;display:flex}.hub-mode-mini{appearance:none;letter-spacing:.05em;color:var(--parchment);cursor:pointer;background:linear-gradient(#1c2230e6,#10141ce6);border:1px solid #2e3850;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13px;display:none}.hub-mode-mini option{color:var(--parchment);background:#11151e}.hub-gear{width:40px;height:40px;color:var(--gold);cursor:pointer;background:#0e121a99;border:1px solid #2e3850;border-radius:10px;flex:none;place-items:center;font-size:19px;transition:all .15s;display:grid}.hub-gear:hover{border-color:var(--gold);transform:rotate(35deg);box-shadow:0 0 14px #e8c87338}.hub-squad-btn{cursor:pointer;height:40px;color:var(--parchment);letter-spacing:.06em;background:#0e121a99;border:1px solid #2e3850;border-radius:10px;align-items:center;gap:6px;padding:0 13px;font-family:inherit;font-size:13px;display:none}.hub-squad-btn .hsb-ico{color:var(--gold);font-size:14px}.hub-squad-btn:active{background:#e8c87324}.hs-close{color:#9aa3b2;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;width:26px;height:26px;margin-left:6px;font-size:12px;display:none}.hs-close:active{color:#fff;background:#ff505033}.hub-scrim{z-index:6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a8c;display:none;position:absolute;inset:0}.lsel{cursor:pointer;flex-direction:column;gap:5px;display:flex}.lsel-cap{letter-spacing:.24em;color:#69728a;font-size:9px;font-weight:700}.lsel-wrap{align-items:center;display:inline-flex;position:relative}.lsel-input{appearance:none;letter-spacing:.06em;color:var(--parchment);cursor:pointer;background:linear-gradient(#1c2230d9,#10141cd9);border:1px solid #2e3850;border-radius:8px;min-width:156px;padding:9px 32px 9px 13px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.lsel-input:hover,.lsel-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 14px #e8c87338}.lsel-caret{pointer-events:none;color:var(--gold);font-size:10px;position:absolute;right:12px}.lsel-input option{color:var(--parchment);background:#11151e}.hub-body{z-index:1;flex:auto;grid-template-columns:minmax(214px,268px) minmax(0,1fr) minmax(258px,320px);align-items:stretch;gap:clamp(16px,2.4vw,40px);min-height:0;padding:clamp(14px,2.2vh,26px) clamp(18px,3vw,44px);display:grid;position:relative}.hub-wizards{flex-direction:column;gap:12px;min-height:0;display:flex}.hw-head{letter-spacing:.18em;color:var(--gold);align-items:center;gap:8px;font-size:12px;display:flex}.hw-ico{color:var(--gold)}.hub-offline{color:#ffce8a;font-size:11px;line-height:1.5}.hub-retry{border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:6px;margin-left:4px;padding:1px 8px;font-family:inherit;font-size:11px}.hw-list{flex-direction:column;align-content:start;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.hw-tile{--el:var(--gold);cursor:pointer;text-align:left;color:var(--parchment);background:#0e121cb3;border:1px solid #28304a;border-radius:11px;align-items:center;gap:11px;padding:9px 11px;font-family:inherit;transition:transform .12s,border-color .12s,box-shadow .12s,background .12s;display:flex;position:relative}.hw-tile:hover{border-color:color-mix(in srgb, var(--el) 60%, #28304a);transform:translateY(-1px)}.hw-tile.active{border-color:var(--el);background:linear-gradient(100deg, color-mix(in srgb, var(--el) 16%, #0e121cb3), #0e121cb3);box-shadow:0 0 18px color-mix(in srgb, var(--el) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--el) 30%, transparent)}.hw-tile img{object-fit:contain;width:38px;height:38px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--el) 55%, transparent));flex:none}.hw-tile-info{flex-direction:column;gap:2px;min-width:0;display:flex}.hw-tile-name{letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.hw-tile-lv{letter-spacing:.12em;color:color-mix(in srgb, var(--el) 70%, var(--parchment));text-transform:uppercase;font-size:9px}.hw-tile.active .hw-tile-name{color:var(--gold)}.hw-new{color:#8b93a6;border-style:dashed;justify-content:center}.hw-new:hover{color:var(--gold);border-color:var(--gold)}.hw-new .hw-plus{color:var(--gold);font-size:22px;line-height:1}.hw-new .hw-tile-name{color:inherit;letter-spacing:.16em}.hub-right{flex-direction:column;gap:14px;min-height:0;display:flex}.hub-profile{border:1px solid color-mix(in srgb, var(--el) 30%, #e8c87329);box-shadow:0 18px 50px #00000080, inset 0 1px 0 #ffffff0d, inset 0 0 0 1px color-mix(in srgb, var(--el) 12%, transparent);background:linear-gradient(#161b26db,#0d1017db);border-radius:14px;flex:none;padding:16px}.hp-head{letter-spacing:.16em;color:var(--gold);align-items:center;gap:8px;margin-bottom:13px;font-size:12px;display:flex}.hp-ico{color:var(--gold)}.hp-id{flex-direction:column;gap:12px;margin-bottom:13px;display:flex}.hp-rank{transform-origin:0;flex:none;align-self:flex-start}.hp-idtext{flex-direction:column;gap:3px;min-width:0;display:flex}.hp-name{letter-spacing:.03em;color:var(--parchment);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 18px color-mix(in srgb, var(--el) 30%, transparent);font-size:19px;overflow:hidden}.hp-class{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--el) 75%, var(--parchment));font-size:10px}.hp-xpwrap{margin-bottom:14px}.hp-xpbar{background:#161c2b;border-radius:4px;height:7px;overflow:hidden}.hp-xpbar i{background:linear-gradient(90deg, #5a6b8a, var(--gold));border-radius:4px;height:100%;display:block}.hp-xptext{letter-spacing:.08em;color:#8893a8;margin-top:5px;font-size:10px}.hp-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hp-stats div{background:#0a0d148c;border:1px solid #232c42;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;display:flex}.hp-stats b{color:var(--parchment);font-size:19px;line-height:1}.hp-stats span{letter-spacing:.1em;color:#7a8499;font-size:8px}.hp-del{color:#5f6979;letter-spacing:.08em;cursor:pointer;text-align:center;background:0 0;border:none;align-self:center;width:100%;margin-top:14px;font-family:inherit;font-size:10px}.hp-del:hover{color:#ff8a8a}.hp-toggle{border:1px solid color-mix(in srgb, var(--el) 18%, #232c42);color:#8893a8;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#0a0d1480;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:2px;padding:9px 11px;font-family:inherit;font-size:9px;transition:border-color .16s,color .16s,background .16s;display:flex}.hp-toggle:hover{color:var(--parchment);border-color:color-mix(in srgb, var(--el) 38%, #232c42);background:#0e121bb3}.hp-chev{color:color-mix(in srgb, var(--el) 60%, var(--gold));font-size:11px;line-height:1;transition:transform .26s}.is-open .hp-chev{transform:rotate(180deg)}.hp-fold{grid-template-rows:0fr;transition:grid-template-rows .28s;display:grid}.hp-fold-inner{min-height:0;overflow:hidden}.is-open .hp-fold{grid-template-rows:1fr}.hp-fold-inner>.hp-stats{margin-top:13px}.hand-row{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.hand-lbl{letter-spacing:.12em;text-transform:uppercase;color:#7a8499;font-size:9px}.hand-seg{background:#00000047;border:1px solid #ffffff0f;border-radius:7px;gap:2px;padding:2px;display:inline-flex}.hand-seg button{cursor:pointer;color:#8a93a4;letter-spacing:.04em;background:0 0;border:none;border-radius:5px;width:26px;height:22px;font-family:inherit;font-size:11px;font-weight:700;transition:background .12s,color .12s}.hand-seg button:hover{color:var(--parchment)}.hand-seg button.on{background:var(--el,#6fb4ff);color:#0c0f16}.cc-hand{align-self:flex-start}.cc-hand button{width:34px;height:26px;font-size:12px}.hub-squad{background:linear-gradient(#161b26db,#0d1017db);border:1px solid #e8c87329;border-radius:14px;flex-direction:column;flex:auto;min-height:0;padding:16px;transition:opacity .25s;display:flex;overflow-y:auto;box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff0a}.hub-squad.dimmed{opacity:.4;pointer-events:none}.hub-squad{scrollbar-width:thin;scrollbar-color:#e8c8732e transparent}.hub-squad::-webkit-scrollbar{width:10px}.hub-squad::-webkit-scrollbar-track{background:0 0}.hub-squad::-webkit-scrollbar-thumb{background:#e8c8732e padding-box padding-box;border:3px solid #0000;border-radius:999px;transition:background-color .2s}.hub-squad:hover::-webkit-scrollbar-thumb{background:#e8c8734d padding-box padding-box}.hub-squad::-webkit-scrollbar-thumb:hover{background:#e8c87375 padding-box padding-box}.hs-head{letter-spacing:.16em;color:var(--gold);align-items:center;gap:8px;margin-bottom:13px;font-size:12px;display:flex}.hs-foot{color:#69728a;margin-top:13px;font-size:11px;font-style:italic;line-height:1.5}.squad-count{color:#69728a;letter-spacing:.1em;margin-left:auto;font-size:12px}.squad-slots{flex-direction:column;gap:10px;display:flex}.squad-slot{background:#0a0d1499;border:1px solid #283248;border-radius:10px;align-items:center;gap:12px;height:66px;padding:0 12px;transition:all .16s;display:flex;position:relative}.squad-slot.empty{cursor:pointer;color:#6b7488;border-style:dashed;border-color:#36405a;justify-content:center}.squad-slot.empty:hover{border-color:var(--gold);color:var(--gold);background:#e8c8730d;transform:translateY(-1px)}.slot-plus{font-size:22px;line-height:1}.slot-label{letter-spacing:.2em;font-size:13px}.squad-slot.occupied{border-color:color-mix(in srgb, var(--el,#888) 50%, #283248);background:linear-gradient(100deg, color-mix(in srgb, var(--el,#888) 13%, #0a0d14b3), #0a0d14b8)}.squad-slot.you{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e8c87338}.slot-emblem{object-fit:cover;width:42px;height:42px;box-shadow:0 0 12px color-mix(in srgb, var(--el,#888) 50%, transparent);border-radius:8px}.slot-info{flex-direction:column;gap:2px;min-width:0;display:flex}.slot-name{letter-spacing:.05em;color:var(--parchment);font-size:15px}.slot-class{letter-spacing:.13em;color:#9aa3b2;text-transform:uppercase;font-size:10px}.slot-state{letter-spacing:.1em;color:#8a93a6;white-space:nowrap;margin-left:auto;font-size:10px}.squad-slot.ready .slot-state{color:var(--toxic)}.squad-slot.you .slot-state{color:var(--gold)}.slot-kick{color:#99a;cursor:pointer;opacity:0;background:#00000073;border:none;border-radius:50%;width:18px;height:18px;font-size:10px;transition:opacity .15s;position:absolute;top:6px;right:8px}.squad-slot.occupied:hover .slot-kick{opacity:1}.slot-kick:hover{color:#fff;background:#a33}.hub-hero{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex}.hero-stage{flex:0 auto;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.hero-stage:before{content:"";background:radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--el) 24%, transparent), transparent 62%);filter:blur(12px);pointer-events:none;border-radius:50%;width:min(76%,560px);position:absolute;top:6%;bottom:14%;left:50%;transform:translate(-50%)}.hub-mage{z-index:1;object-fit:contain;cursor:grab;width:auto;max-width:100%;height:52dvh;max-height:100%;position:relative}.hub-mage:active{cursor:grabbing}.hero-floor{z-index:0;background:radial-gradient(ellipse, color-mix(in srgb, var(--el) 52%, transparent), transparent 70%);filter:blur(6px);border-radius:50%;width:min(44%,320px);height:20px;position:absolute;bottom:-5%;left:50%;transform:translate(-50%)}.hero-info{text-align:center;flex-direction:column;flex:none;align-items:center;gap:7px;width:100%;max-width:460px;padding-top:50px;padding-bottom:4px;display:flex}.hero-class{letter-spacing:.26em;color:color-mix(in srgb, var(--el) 78%, var(--parchment));text-transform:uppercase;font-size:12px}.hero-name{letter-spacing:.06em;color:var(--parchment);text-shadow:0 0 26px color-mix(in srgb, var(--el) 26%, transparent);margin:0;font-size:clamp(28px,3.8vw,44px);line-height:1.02}.hub-empty{display:none}.hub.is-empty .hub-wizards,.hub.is-empty .hub-squad,.hub.is-empty .hub-hero,.hub.is-empty .hub-foot,.hub.is-empty .hub-modes,.hub.is-empty .hub-mode-mini{display:none!important}.hub.is-empty .hub-body{justify-content:center;align-items:center;display:flex}.hub.is-empty .hub-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hub-empty-orb{cursor:pointer;background:radial-gradient(circle at 50% 38%,#1c2433b3,#0a0d1499);border:1px solid #e8c87359;border-radius:50%;place-items:center;width:132px;height:132px;transition:transform .16s,box-shadow .16s;display:grid;position:relative}.hub-empty-orb:hover{transform:translateY(-2px);box-shadow:0 0 40px #e8c87359}.hub-empty-ring{border:1px solid #e8c8734d;border-radius:50%;animation:26s linear infinite lobbySpin;position:absolute;inset:-8px}.hub-empty-plus{color:var(--gold);text-shadow:0 0 22px #e8c87380;font-size:58px;line-height:1}.hub-empty-title{letter-spacing:.16em;color:var(--parchment);font-size:clamp(20px,3vw,30px)}.hub-empty-sub{color:#8893a8;font-size:13px;font-style:italic}@keyframes lobbySpin{to{transform:rotate(360deg)}}.hub-foot{z-index:2;background:linear-gradient(#0000,#080a10c7);border-top:1px solid #e8c87324;justify-content:flex-end;align-items:center;gap:18px;padding:14px 30px;display:flex;position:relative}.hub-region{margin-right:auto}.hub-region.lsel{flex-direction:row;align-items:center;gap:9px}.lobby-diff{align-items:center;gap:5px;display:flex}.ld-cap{letter-spacing:.2em;color:#e8c873b8;margin-right:7px;font-size:10px}.ld-opt{letter-spacing:.05em;color:var(--parchment);cursor:pointer;background:#0e121cb8;border:1px solid #2c3550;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:12px;transition:border-color .12s,background .12s,color .12s}.ld-opt:hover{color:var(--gold);border-color:var(--gold)}.ld-opt.active{background:color-mix(in srgb, var(--gold) 18%, #0e1018);border-color:var(--gold);color:var(--gold);box-shadow:0 0 12px color-mix(in srgb, var(--gold) 30%, transparent)}.play-btn{flex-direction:column;align-items:center;gap:2px;padding:13px 58px;display:flex}.play-word{letter-spacing:.3em;font-size:22px}.play-mode{letter-spacing:.16em;color:#1a1410b8;font-size:10px;font-style:italic}.invite-pop{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060a9e;place-items:center;display:grid;position:absolute;inset:0}.invite-card{background:linear-gradient(#1a2030,#11151e);border:1px solid #e8c87347;border-radius:16px;width:min(560px,90vw);padding:22px 24px;box-shadow:0 26px 70px #0009}.invite-head{letter-spacing:.22em;color:var(--gold);justify-content:space-between;align-items:center;font-size:16px;display:flex}.invite-x{color:#9aa3b2;cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;width:28px;height:28px;font-size:13px}.invite-x:hover{color:#fff;background:#ff505033}.invite-sub{color:#9aa3b2;margin:6px 0 16px;font-size:13px;font-style:italic}.invite-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.invite-class{cursor:pointer;background:#0a0d14b3;border:1px solid #283248;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-family:inherit;transition:all .15s;display:flex}.invite-class img{width:48px;height:48px;box-shadow:0 0 14px color-mix(in srgb, var(--el,#888) 45%, transparent);border-radius:9px}.invite-class .ic-class{letter-spacing:.1em;color:#9aa3b2;font-size:11px}.invite-class:hover{border-color:var(--el,var(--gold));transform:translateY(-3px)}.invite-class:hover .ic-class{color:var(--parchment)}.btn-back{letter-spacing:.14em;color:#9aa3b2;cursor:pointer;z-index:4;background:#0e121a99;border:1px solid #2e3850;border-radius:8px;padding:9px 18px;font-family:inherit;font-size:13px;transition:all .15s;position:absolute;top:22px;left:22px}.btn-back:hover{color:var(--gold);border-color:var(--gold)}@media (max-width:1080px){.hub-modes{display:none}.hub-mode-mini{display:inline-block}.hub-body{grid-template-columns:minmax(176px,220px) minmax(0,1fr) minmax(220px,282px);gap:18px}}@media (orientation:portrait),(max-width:760px){.hub-bar{gap:10px;padding:10px 14px}.brand-word{letter-spacing:.18em;font-size:18px}.hub-modes{display:none}.hub-mode-mini{display:inline-block}.hub-squad-btn{display:inline-flex}.hub-body{z-index:auto;flex-direction:column;gap:12px;padding:0 14px 12px;display:flex;position:static;overflow-y:auto}.hub-wizards{z-index:3;background:linear-gradient(#0c0f17,#0a0d13);border-bottom:1px solid #e8c87324;order:-1;gap:0;margin:0 -14px;padding:7px 14px;position:sticky;top:0;box-shadow:0 6px 16px #00000080}.hw-head{display:none}.hw-list{flex-direction:row;gap:8px;padding:9px 0;overflow:auto hidden}.hw-list::-webkit-scrollbar{display:none}.hw-tile{background:#10141ef2;flex:none;min-width:0;max-width:60vw;padding:6px 11px 6px 8px}.hw-tile img{width:28px;height:28px}.hw-tile.active{background:linear-gradient(100deg, color-mix(in srgb, var(--el) 20%, #10141ef5), #10141ef5);box-shadow:0 0 11px color-mix(in srgb, var(--el) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--el) 34%, transparent)}.hw-new{z-index:2;background:#0a0d13;flex:none;width:46px;min-width:46px;margin-left:auto;padding:0;position:sticky;right:0;box-shadow:-14px 0 14px 6px #0a0d13}.hw-new .hw-tile-name{display:none}.hw-new .hw-plus{font-size:24px}.hub-hero{flex:none;order:1;margin-block:0;padding-top:4px;padding-bottom:0}.hub-wizards,.hub-right{flex:none}.hero-stage{flex:none;height:240px}.hub-mage{height:240px;max-height:240px}.hero-info{gap:4px;max-width:94vw;padding-top:10px}.hero-name{font-size:clamp(26px,7vw,38px)}.hub-right{order:0}.hub-profile{border-radius:11px;padding:9px 12px}.hp-head{margin-bottom:8px;font-size:11px}.hp-id{flex-direction:row-reverse;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.hp-id .hp-rank{align-self:center}.hp-name{font-size:15px}.hp-xpwrap{margin-bottom:9px}.hp-xpbar{height:6px}.hp-stats{gap:5px}.hp-stats div{gap:2px;padding:6px 2px}.hp-stats b{font-size:15px}.hp-del{margin-top:9px}.hp-toggle,.hp-fold{display:none}.hub-squad{z-index:7;border-radius:0;order:0;width:min(330px,86vw);padding:16px;transition:transform .28s;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.hub.squad-open .hub-squad{transform:none}.hs-close{place-items:center;display:grid}.hub-scrim:not([hidden]){display:block}.invite-grid{grid-template-columns:repeat(2,1fr)}.invite-class{min-width:0}.invite-class .ic-class{overflow-wrap:anywhere}.hub-foot{flex-wrap:wrap;justify-content:center;gap:12px 16px}.hub-region{margin-right:0}}@media (max-width:460px){.hub-bar{gap:8px;padding:10px 12px}.hub-brand .brand-word{display:none}.hub-mode-mini{max-width:42vw}.hub-squad-btn{padding:0 10px}}@media (orientation:landscape) and (max-height:560px){.hub-bar{padding:6px 14px}.brand-word{letter-spacing:.16em;font-size:15px}.brand-crest{font-size:18px}.hub-modes{gap:2px;display:flex}.hub-mode{padding:6px 10px;font-size:11px}.hub-mode-mini{display:none}.hub-body{grid-template-columns:minmax(146px,178px) minmax(0,1fr) minmax(176px,216px);gap:12px;padding:6px 14px;display:grid}.hub-wizards,.hub-hero,.hub-right{order:0}.hw-list{flex-direction:column}.hw-head{font-size:10px}.hw-tile{min-width:0;padding:6px 8px}.hw-tile img{width:30px;height:30px}.hw-tile-name{font-size:12px}.hub-right{gap:10px}.hub-profile{padding:10px}.hp-id,.hp-xpwrap{margin-bottom:9px}.hp-stats div{padding:6px 2px}.hp-stats b{font-size:15px}.hp-del{display:none}.hub-squad{padding:10px}.hs-head{margin-bottom:7px;font-size:10px}.hs-foot{display:none}.squad-slot{height:44px;padding:0 8px}.slot-emblem{width:28px;height:28px}.slot-name{font-size:11px}.slot-class{font-size:8px}.hub-mage{max-height:46dvh}.hero-name{font-size:clamp(20px,3.6vw,30px)}.hub-foot{padding:6px 14px}.play-btn{padding:9px 36px}.play-word{font-size:18px}.play-mode{font-size:9px}}#dominion-hud{z-index:12;pointer-events:none;flex-direction:column;align-items:center;gap:9px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.dom-scores{gap:10px;display:flex}.dom-team{border:1px solid color-mix(in srgb, var(--tc) 40%, #2a3346);background:linear-gradient(#0e121adb,#080a10db);border-radius:9px;align-items:center;gap:9px;min-width:156px;padding:7px 14px;transition:box-shadow .2s,border-color .2s;display:flex}.dom-team.leading{box-shadow:0 0 16px color-mix(in srgb, var(--tc) 45%, transparent);border-color:var(--tc)}.dom-name{letter-spacing:.14em;color:var(--tc);min-width:46px;font-size:11px}.dom-score{color:var(--parchment);text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:18px}.dom-bar{background:#ffffff14;border-radius:3px;flex:1;min-width:48px;height:5px;overflow:hidden}.dom-bar i{background:var(--tc);width:0;height:100%;box-shadow:0 0 8px var(--tc);transition:width .3s;display:block}.dom-zones{gap:16px;display:flex}.dom-pip{background:#9aa3b2;border:2px solid #00000073;border-radius:50%;width:15px;height:15px;transition:background .3s,opacity .3s}.dom-pip.contested{animation:.5s ease-in-out infinite pipFlash}@keyframes pipFlash{50%{filter:brightness(1.4);transform:scale(1.35)}}#dom-respawn{z-index:13;color:#ff9aaa;letter-spacing:.13em;pointer-events:none;background:#0c060cb8;border:1px solid #ff788c66;border-radius:10px;padding:11px 28px;font-size:16px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.dom-team{position:relative}.dom-team.boon{border-color:#9dffc4;box-shadow:0 0 18px #9dffc461}.dom-team.boon:after{content:"BOON";letter-spacing:.1em;color:#0b0e14;background:#9dffc4;border-radius:4px;padding:1px 6px;font-family:Georgia,serif;font-size:8px;position:absolute;top:-8px;right:10px}#siege-hud{z-index:12;pointer-events:none;flex-direction:column;align-items:center;gap:7px;width:min(46vw,520px);font-family:Cinzel,Georgia,serif;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.sg-top{justify-content:space-between;align-items:baseline;width:100%;display:flex}.sg-role{letter-spacing:.16em;background:linear-gradient(#0e121adb,#080a10db);border:1px solid #2a3346;border-radius:7px;padding:3px 12px;font-size:12px}.sg-role.atk{color:#e8c873;border-color:#80765a}.sg-role.def{color:#8fbcff;border-color:#577199}.sg-timer{color:var(--parchment);font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000;font-size:20px}.sg-timer.low{color:#ff7a7a;animation:.7s ease-in-out infinite pipFlash}.sg-timer.overtime{color:#ff5a6a;letter-spacing:.14em;text-shadow:0 0 12px #ff465ab3,0 1px 4px #000;font-size:17px;animation:.5s ease-in-out infinite pipFlash}.sg-obj{letter-spacing:.06em;color:#ffe0a0;text-shadow:0 1px 4px #000;text-align:center;font-size:13px}.sg-obj.contested{color:#fff;animation:.6s ease-in-out infinite pipFlash}.sg-track{background:#ffffff14;border:1px solid #ffaa7859;border-radius:6px;width:100%;height:10px;position:relative;overflow:visible}.sg-fill{background:linear-gradient(90deg,#e8a04a,#ffd27a);border-radius:6px;width:0;height:100%;transition:width .25s linear;display:block;box-shadow:0 0 8px #ffb45a99}.sg-track.capturing .sg-fill{background:linear-gradient(90deg,#6fb4ff,#bfe0ff)}.sg-cart{background:#ffd27a;border:2px solid #1a1208;border-radius:50%;width:14px;height:14px;margin-left:-7px;transition:left .25s linear;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 8px #ffb84a}.sg-cart.moving{animation:.8s ease-in-out infinite pipFlash}.sg-cart.contested{background:#fff;box-shadow:0 0 10px #fff}.sg-cart.rollback{background:#d06a6a;box-shadow:0 0 10px #ff6a6a}.sg-ghost{background:#fff9;width:2px;height:16px;margin-left:-1px;position:absolute;top:-3px}#sg-marker{z-index:14;pointer-events:none;text-shadow:0 1px 4px #000;will-change:left, top;flex-direction:column;align-items:center;gap:2px;font-family:Cinzel,Georgia,serif;display:flex;position:absolute;transform:translate(-50%,-50%)}.sg-mk-arrow{color:#ffd27a;filter:drop-shadow(0 0 4px #ffb45acc);font-size:18px;line-height:1;display:none}#sg-marker.offscreen .sg-mk-arrow{display:block}#sg-marker:not(.offscreen) .sg-mk-label:before{content:"◆ ";color:#ffd27a}.sg-mk-label{color:#ffe6b0;letter-spacing:.12em;background:#0a0c128c;border:1px solid #ffb45a66;border-radius:6px;padding:2px 8px;font-size:13px}.sg-mk-dist{color:#cdd3dc;font-variant-numeric:tabular-nums;font-size:11px}#sg-marker.contested .sg-mk-label{color:#fff;border-color:#fff;animation:.6s ease-in-out infinite pipFlash}#sg-dead{z-index:30;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;font-family:Cinzel,Georgia,serif;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}#sg-dead.hidden{display:none}.sg-dead-title{letter-spacing:.18em;color:#ff6a7a;text-shadow:0 2px 14px #000c,0 0 24px #ff506480;font-size:40px}.sg-dead-sub{letter-spacing:.12em;color:#ffd0d6;text-shadow:0 1px 6px #000;font-size:16px}body.siege-dead:after{content:"";z-index:5;pointer-events:none;background:#50000f1f;position:fixed;inset:0;box-shadow:inset 0 0 220px #7800148c}body.siege-overtime:not(.siege-dead):after{content:"";z-index:5;pointer-events:none;animation:1.1s ease-in-out infinite pipFlash;position:fixed;inset:0;box-shadow:inset 0 0 160px #960a1e66}html.touch,html.touch body{overscroll-behavior:none}html.touch #game-root,html.touch #game-root canvas,html.touch #touch-ui,html.touch #touch-look,html.touch #touch-move,html.touch .tc-btn{touch-action:none;-webkit-touch-callout:none}html.touch .ability-fan,html.touch .util-row,html.touch .map-hint,html.touch #lock-hint{display:none!important}html.touch .ab-key{display:none}html.touch body.in-battle #crosshair{opacity:.8}#touch-ui{display:none}html.touch #touch-ui{pointer-events:none;z-index:23;display:block;position:absolute;inset:0}#touch-ui.off{display:none!important}#touch-settings{top:calc(100px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:44px;height:44px;color:var(--gold);pointer-events:auto;z-index:2;background:#0a0e169e;border:1px solid #e8c8736b;border-radius:12px;place-items:center;font-size:21px;line-height:1;display:grid;position:absolute}#touch-settings:active{background:#e8c87333}#touch-move{pointer-events:auto;width:50%;height:100%;position:absolute;top:0;left:0}#touch-look{pointer-events:auto;width:50%;height:100%;position:absolute;top:0;right:0}.tcj-base{border:2px solid color-mix(in srgb, var(--el,var(--gold)) 55%, #e8c87373);opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#1c243380,#0a0d146b);border-radius:50%;width:30vmin;max-width:150px;height:30vmin;max-height:150px;transition:opacity .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 18px #00000080,0 0 0 1px #00000080}#touch-move.is-active .tcj-base{opacity:.9}.tcj-ring{border:1px dashed color-mix(in srgb, var(--el,var(--gold)) 42%, transparent);border-radius:50%;position:absolute;inset:15%}.tcj-thumb{clip-path:polygon(50% 0,86% 14%,100% 50%,86% 86%,50% 100%,14% 86%,0 50%,14% 14%);width:13vmin;max-width:66px;height:13vmin;max-height:66px;box-shadow:0 3px 9px #000000b3, 0 0 16px color-mix(in srgb, var(--el,var(--gold)) 65%, transparent);background:linear-gradient(150deg,#f4dd92,#8a6f2e 55%,#f4dd92);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tcj-hint{display:none}#touch-actions{right:env(safe-area-inset-right);bottom:env(safe-area-inset-bottom);pointer-events:none;width:62vmin;height:60vmin;position:absolute}.tc-btn{pointer-events:auto;border:2px solid color-mix(in srgb, var(--el,var(--gold)) 70%, #2a3142);box-shadow:0 3px 10px #000000a6, 0 0 13px color-mix(in srgb, var(--el,transparent) 36%, transparent);color:var(--parchment);-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 36%,#1c2433,#0a0d14 80%);border-radius:50%;place-items:center;transition:transform 80ms,box-shadow .12s,filter .12s;display:grid;position:absolute;overflow:hidden}.tcb-icon{width:100%;height:100%;position:absolute;inset:0}.tcb-glyph{z-index:2;color:var(--parchment);text-shadow:0 1px 4px #000c;font-size:5vmin;line-height:1;position:relative}.tcb-glyph img{object-fit:contain;filter:drop-shadow(0 1px 4px #000000b3);width:70%;height:70%}.tcb-svg{fill:currentColor;filter:drop-shadow(0 1px 3px #000000bf);width:1.25em;height:1.25em;display:block}.tcb-cd{z-index:3;pointer-events:none;background:conic-gradient(#06080dd1 calc(var(--cd,0) * 360deg), transparent 0);border-radius:50%;position:absolute;inset:0}.tcb-badge{z-index:4;text-align:center;color:var(--parchment);text-shadow:0 1px 3px #000,0 0 6px #000000b3;pointer-events:none;font-size:3.4vmin;font-weight:700;position:absolute;bottom:6%;left:0;right:0}.tcb-badge:empty,.tcb-label{display:none}.tc-primary{width:17vmin;height:17vmin;font-size:7vmin;bottom:5vmin;right:4vmin}.tc-primary.tc-alt{border-color:color-mix(in srgb, var(--el,var(--gold)) 55%, #2a3142);width:14vmin;height:14vmin;bottom:4vmin;right:21.5vmin}.tc-rune{border-color:color-mix(in srgb, var(--el,var(--gold)) 88%, #2a3142);width:14vmin;height:14vmin;bottom:24vmin;right:4vmin}.tc-sat{width:12.5vmin;height:12.5vmin}.tc-btn[data-act=spell1]{bottom:22vmin;right:20vmin}.tc-btn[data-act=spell2]{bottom:18vmin;right:35vmin}.tc-util{width:10.5vmin;height:10.5vmin}.tc-btn[data-act=jump]{width:11vmin;height:11vmin;bottom:39vmin;right:18vmin}.tc-btn[data-act=dash]{bottom:35vmin;right:33vmin}.tc-btn[data-act=potion]{width:10vmin;height:10vmin;bottom:5vmin;right:49vmin}.tc-btn[data-act=pickup]{width:10vmin;height:10vmin;bottom:17.5vmin;right:49vmin}.tc-pickup{display:none}.tc-pickup.show{display:grid}.tc-btn.hide{display:none!important}.tc-btn:not(.cooling):not(.disabled){animation:2.6s ease-in-out infinite tcReady}@keyframes tcReady{0%,to{box-shadow:0 3px 10px #000000a6, 0 0 10px color-mix(in srgb, var(--el,transparent) 30%, transparent)}50%{box-shadow:0 3px 10px #000000a6, 0 0 20px color-mix(in srgb, var(--el,transparent) 60%, transparent)}}.tc-btn.cooling{filter:saturate(.7)brightness(.82);border-color:#3a4254;animation:none}.tc-btn.is-held{filter:brightness(1.15);box-shadow:0 0 22px color-mix(in srgb, var(--el,var(--gold)) 80%, transparent);transform:scale(.92)}.tc-btn.disabled{opacity:.4;filter:grayscale(.5);animation:none}html.touch .hud-player-panel{left:calc(8px + env(safe-area-inset-left));top:calc(8px + env(safe-area-inset-top));transform-origin:0 0;align-items:flex-start;bottom:auto;transform:scale(.82)}html.touch #minimap-frame{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:clamp(96px,19vmin,128px);height:clamp(96px,19vmin,128px)}html.touch .hud-top{top:calc(150px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:clamp(96px,19vmin,128px)}html.touch #kill-feed{top:calc(6px + env(safe-area-inset-top));right:calc(150px + env(safe-area-inset-right))}@media (max-height:460px) and (orientation:landscape){html.touch .hud-top{transform-origin:top;transform:scale(.85)}html.touch #compass{transform-origin:top;transform:translate(-50%)scale(.82)}html.touch #storm-warning{top:calc(44px + env(safe-area-inset-top));font-size:13px}html.touch #announcer{font-size:clamp(30px,7vmin,46px)}html.touch .hud-player-panel{transform:scale(.72)}}@media (orientation:portrait){.hud-player-panel{left:calc(8px + env(safe-area-inset-left));top:calc(7px + env(safe-area-inset-top));align-items:center;gap:8px;bottom:auto;right:auto;transform:none}.hud-portrait{width:42px;height:42px}.hud-vitals{width:min(58vw,232px);padding-bottom:0}.hud-id{gap:7px;margin-bottom:3px}.hud-name{letter-spacing:.1em;font-size:12.5px}.hud-class{letter-spacing:.16em;font-size:8.5px}.bar-shell{height:13px;margin-bottom:3px}.health-shell{height:15px}.mana-shell{height:11px}.flight-shell,.util-row{display:none}.bar-text{font-size:9px;right:6px}.status-row{margin-top:4px}#minimap-frame,html.touch #minimap-frame{top:calc(8px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));width:clamp(44px,14vw,60px);height:clamp(44px,14vw,60px);padding:4px}.hud-top,#compass,#announcer,#dummy-meter{display:none!important}#loot-prompt{gap:6px;top:43vh;bottom:auto}.loot-title{font-size:14px}html.touch #touch-settings{top:calc(60px + env(safe-area-inset-top))}html.touch #kill-feed{top:calc(60px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));max-width:56vw}html.touch #storm-warning{letter-spacing:.16em;font-size:13px}html.touch #touch-actions{pointer-events:none;background:0 0;border-radius:0;width:auto;height:auto;position:absolute;inset:0}html.touch #touch-actions .tc-btn{pointer-events:auto;aspect-ratio:1;height:auto;position:absolute;overflow:visible}html.touch .tcb-icon{border-radius:50%}html.touch #touch-actions .tc-primary:not(.tc-alt){width:18.5vw;bottom:7vw;right:4.5vw}html.touch #touch-actions .tc-primary.tc-alt{width:16vw;bottom:5.5vw;right:25.5vw}html.touch #touch-actions .tc-rune{width:14.5vw;bottom:28.5vw;right:5vw}html.touch .tc-btn[data-act=spell1]{width:12.5vw;bottom:27.5vw;right:25vw}html.touch .tc-btn[data-act=spell2]{width:12.5vw;bottom:21vw;right:43vw}html.touch .tc-btn[data-act=jump]{width:10vw;bottom:47vw;right:6vw}html.touch .tc-btn[data-act=dash]{width:10vw;bottom:47vw;right:24vw}html.touch .tc-btn[data-act=potion]{width:10vw;bottom:calc(57vw + 5px);right:6vw}html.touch .tc-btn[data-act=pickup]{width:10vw;bottom:59vw;right:42vw}html.touch .tc-btn[data-act=potion] .tcb-label{top:auto;bottom:calc(100% + 2px)}html.touch .tcb-glyph{font-size:5.2vw}html.touch .tcb-badge{font-size:3.2vw;bottom:0}html.touch .tcb-label{letter-spacing:.02em;white-space:nowrap;color:var(--parchment);text-shadow:0 1px 3px #000,0 0 5px #000000d9;pointer-events:none;opacity:.9;text-overflow:ellipsis;max-width:24vw;font-size:8.5px;line-height:1;display:block;position:absolute;top:calc(100% + 2px);left:50%;overflow:hidden;transform:translate(-50%)}html.touch .tcb-label:empty{display:none}html.touch #touch-look{width:100%;height:100%;top:0;left:0;right:0}html.touch #touch-move{width:52vw;height:40vh;inset:auto auto 0 0}html.touch .tcj-hint{left:4vw;bottom:calc(2vw + env(safe-area-inset-bottom));pointer-events:none;opacity:.45;flex-direction:column;align-items:center;gap:7px;transition:opacity .18s;display:flex;position:absolute}html.touch #touch-move.is-active .tcj-hint{opacity:0}html.touch .tcj-hint-ring{border:2px dashed color-mix(in srgb, var(--gold) 60%, #e8c87366);border-radius:50%;width:24vw;max-width:120px;height:24vw;max-height:120px;box-shadow:inset 0 0 20px #00000073}html.touch .tcj-hint-label{letter-spacing:.24em;color:var(--gold);text-shadow:0 1px 4px #000000d9;font-size:10px}}#rotate-gate{display:none!important}.rg-phone{border:3px solid var(--gold);transform-origin:50%;border-radius:14px;width:78px;height:142px;animation:2.6s ease-in-out infinite rgTilt;position:relative;box-shadow:0 0 26px #e8c87366}.rg-screen{background:linear-gradient(160deg,#1c2433,#0a0d14);border-radius:6px;position:absolute;inset:7px}@keyframes rgTilt{0%,16%{transform:rotate(0)}54%,80%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.rg-rune{color:var(--gold);text-shadow:0 0 22px var(--gold);font-size:38px;animation:6s linear infinite runeSpin}.rg-title{letter-spacing:.22em;font-size:clamp(20px,6vw,30px)}.rg-sub{color:#9aa3b2;font-size:clamp(13px,3.6vw,16px);font-style:italic}#settings-screen{z-index:40;justify-content:center;align-items:center;display:flex}.set-scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0605089e;position:absolute;inset:0}.set-panel{width:min(620px,94vw);max-height:88vh;max-height:88dvh;color:var(--parchment);background:#1b1510;border:1px solid #e8c8736b;border-radius:14px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0009}.set-head{background:#150f0b;border-bottom:1px solid #e8c8732e;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.set-title{letter-spacing:.3em;color:var(--gold);font-size:15px}.set-x{color:#cdbfa0;cursor:pointer;background:0 0;border:1px solid #e8c8734d;border-radius:8px;width:30px;height:30px;font-size:13px}.set-x:hover{color:var(--parchment);background:#e8c8731f}.set-body{flex:1;min-height:0;display:flex;overflow:hidden}.set-rail{background:#150f0b;border-right:1px solid #e8c87324;flex:none;width:168px;padding:10px 0;overflow-y:auto}.set-cat{color:#b09c78;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:11px;width:100%;padding:11px 16px;font-family:inherit;font-size:12px;display:flex}.set-cat-ico{text-align:center;width:18px;font-size:15px}.set-cat:hover{color:var(--parchment)}.set-cat.active{color:#f1e6c6;border-left-color:var(--gold);background:#e8c87314}.set-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 22px;overflow-y:auto}.set-panel-group.hidden{display:none}.set-content,.set-rail{scrollbar-width:thin;scrollbar-color:#e8c87366 transparent}.set-content::-webkit-scrollbar{width:10px}.set-rail::-webkit-scrollbar{width:10px}.set-content::-webkit-scrollbar-track{background:0 0}.set-rail::-webkit-scrollbar-track{background:0 0}.set-content::-webkit-scrollbar-thumb{background:#e8c87352 padding-box padding-box;border:2px solid #0000;border-radius:6px}.set-rail::-webkit-scrollbar-thumb{background:#e8c87352 padding-box padding-box;border:2px solid #0000;border-radius:6px}.set-content::-webkit-scrollbar-thumb:hover{background:#e8c87380 padding-box padding-box}.set-rail::-webkit-scrollbar-thumb:hover{background:#e8c87380 padding-box padding-box}.set-grp{letter-spacing:.16em;text-transform:uppercase;color:#8f7e5c;margin:14px 0 4px;font-size:11px}.set-row{align-items:center;gap:14px;padding:9px 0;display:flex}.set-label{color:#e6dabb;flex:1;font-size:13.5px}.set-range{appearance:none;cursor:pointer;background:#3a3024;border-radius:3px;outline:none;flex:0 0 150px;height:4px}.set-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border:2px solid #2a2118;border-radius:50%;width:16px;height:16px}.set-range::-moz-range-thumb{background:var(--gold);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.set-val{text-align:right;color:#cdbfa0;font-variant-numeric:tabular-nums;width:50px;font-size:12.5px}.set-toggle{cursor:pointer;background:#46392b;border:1px solid #e8c87338;border-radius:999px;flex:none;width:44px;height:24px;padding:0;transition:background .15s;position:relative}.set-knob{background:#cdbfa0;border-radius:50%;width:18px;height:18px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.set-toggle.on{background:#b8893a}.set-toggle.on .set-knob{background:var(--ink);left:22px}.set-seg{border:1px solid #e8c8733d;border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.set-seg button{color:#b09c78;cursor:pointer;background:0 0;border:none;padding:7px 12px;font-family:inherit;font-size:11.5px}.set-seg button:hover{color:var(--parchment)}.set-seg button.on{color:#f1e6c6;background:#e8c87329}.set-kb-btn{min-width:66px;color:var(--parchment);letter-spacing:.04em;cursor:pointer;text-align:center;background:#221a12;border:1px solid #e8c8734d;border-radius:7px;flex:none;padding:6px 12px;font-family:inherit;font-size:12px}.set-kb-btn:hover{border-color:var(--gold);background:#e8c8731f}.set-kb-btn.capturing{border-color:var(--gold);color:var(--gold);background:#e8c87333}.set-foot{background:#150f0b;border-top:1px solid #e8c8732e;justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.set-foot-right{align-items:center;gap:14px;display:flex}.set-hint{color:#8f7e5c;font-size:11.5px}.set-reset{color:#cdbfa0;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #e8c8734d;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:11.5px}.set-reset:hover{color:var(--parchment);background:#e8c8731a}.set-done{background:var(--gold);border:1px solid var(--gold);color:var(--ink);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:11.5px;font-weight:700}.set-done:hover{filter:brightness(1.08)}.set-leave{color:#d98c78;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ce6c5a8c;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:11.5px;font-weight:700}.set-leave:hover{color:#f0b6a4;background:#ce6c5a24}@media (max-height:520px){.set-panel{max-height:94vh;max-height:94dvh}.set-rail{width:132px}.set-cat{padding:9px 12px;font-size:11px}.set-content{padding:12px 16px}}#create-screen{--el:var(--gold);color:var(--parchment)}.cc-bg{background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--el) 16%, #0c0f17) 0%, #0a0c12 60%, #07080c 100%);position:absolute;inset:0}.cc-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 200px 60px #000000bf}.btn-back[hidden]{display:none}.cc-title{text-align:center;letter-spacing:.16em;color:var(--gold);text-shadow:0 0 22px color-mix(in srgb, var(--gold) 60%, transparent);margin:22px 0 6px;font-size:clamp(20px,2.6vw,34px);position:relative}#create-screen{flex-direction:column;display:flex}.cc-layout{flex:auto;grid-template-columns:minmax(266px,300px) 1.05fr 1.62fr;align-items:stretch;gap:22px;width:100%;max-width:1920px;min-height:0;margin:0 auto;padding:8px clamp(20px,3vw,46px);display:grid;position:relative}.cc-form{flex-direction:column;gap:18px;min-height:0;display:flex}.cc-field{flex-direction:column;gap:7px;display:flex}.cc-field-grow{flex:1;min-height:0}.cc-label{letter-spacing:.18em;color:var(--gold);opacity:.85;font-size:11px}.cc-label em{color:var(--parchment);opacity:.55;font-size:.9em;font-style:normal}.cc-input{color:var(--parchment);letter-spacing:.04em;background:#0a0e16d9;border:1px solid #2c3550;border-radius:8px;outline:none;padding:11px 13px;font-size:17px}.cc-input:focus{border-color:var(--el);box-shadow:0 0 0 2px color-mix(in srgb, var(--el) 40%, transparent)}.cc-sub{color:#8893a8;font-size:11px}.cc-classes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cc-class{cursor:pointer;color:var(--parchment);--ec:var(--gold);background:#0e121cb3;border:1px solid #28304a;border-radius:9px;flex-direction:column;align-items:center;gap:4px;padding:9px 4px;transition:transform .12s,border-color .12s;display:flex}.cc-class img{object-fit:contain;filter:saturate(.85)brightness(.9);width:38px;height:38px}.cc-class span{letter-spacing:.08em;opacity:.8;font-size:9px}.cc-class:hover{border-color:var(--ec);transform:translateY(-2px)}.cc-class.active{border-color:var(--ec);background:color-mix(in srgb, var(--ec) 16%, #0e1018);box-shadow:0 0 16px color-mix(in srgb, var(--ec) 45%, transparent)}.cc-class.active img{filter:drop-shadow(0 0 6px var(--ec))}.cci-name{color:var(--gold);letter-spacing:.08em;margin-top:6px;font-size:15px}.cci-blurb{color:#aeb6c6;margin-top:3px;font-size:12px;line-height:1.45}.cc-stage{justify-content:center;align-items:center;display:flex;position:relative}.cc-stage .featured-canvas{object-fit:contain;width:100%;height:100%;max-height:58vh}.cc-floor{background:radial-gradient(ellipse, color-mix(in srgb, var(--el) 45%, transparent), transparent 70%);filter:blur(4px);border-radius:50%;width:60%;height:30px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.cc-skins{flex-direction:column;gap:11px;min-height:0;display:flex}.cc-skins-head{align-items:baseline;gap:9px;display:flex}.cc-skins-title{letter-spacing:.18em;color:var(--gold);opacity:.85;font-size:11px}.cc-skin-name{color:var(--parchment);opacity:.72;font-size:13px}.cc-search-wrap{align-items:center;display:flex;position:relative}.cc-search-ico{fill:#6c768c;pointer-events:none;opacity:.75;width:16px;height:16px;position:absolute;left:11px}.cc-search{width:100%;color:var(--parchment);letter-spacing:.02em;background:#0a0e16d9;border:1px solid #2c3550;border-radius:9px;outline:none;padding:10px 12px 10px 34px;font-size:14px}.cc-search:focus{border-color:var(--el);box-shadow:0 0 0 2px color-mix(in srgb, var(--el) 35%, transparent)}.cc-search::placeholder{color:#6c768c}.cc-skins-head,.cc-search-wrap,.cc-families{flex:none}.cc-families{flex-wrap:wrap;gap:6px;display:flex}.cc-fam{color:var(--parchment);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#0e121cb3;border:1px solid #28304a;border-radius:999px;padding:5px 12px;font-size:11px;transition:border-color .12s,background .12s,color .12s}.cc-fam:hover{border-color:var(--el)}.cc-fam.active{border-color:var(--el);color:var(--gold);background:color-mix(in srgb, var(--el) 16%, #0e1018)}.cc-grid{scrollbar-width:thin;scrollbar-color:#e8c87324 transparent;flex:auto;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));align-content:start;gap:10px;min-height:0;padding:2px 8px 6px 2px;display:grid;overflow-y:auto}.cc-grid::-webkit-scrollbar{width:8px}.cc-grid::-webkit-scrollbar-track{background:0 0}.cc-grid::-webkit-scrollbar-thumb{background:#e8c87324 padding-box padding-box;border:3px solid #0000;border-radius:999px;transition:background-color .2s}.cc-grid:hover::-webkit-scrollbar-thumb{background:#e8c87342 padding-box padding-box}.cc-grid::-webkit-scrollbar-thumb:hover{background:#e8c8736b padding-box padding-box}.cc-card{cursor:pointer;color:var(--parchment);background:#0e121ca8;border:1px solid #262e44;border-radius:11px;flex-direction:column;align-items:stretch;gap:5px;padding:6px 6px 8px;transition:transform .1s,border-color .1s,box-shadow .1s;display:flex}.cc-card-thumb{aspect-ratio:1;background:radial-gradient(120% 100% at 50% 22%,#1b2233 0%,#0c0f17 78%);border-radius:7px;width:100%;position:relative;overflow:hidden}.cc-card-thumb img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.cc-card-name{text-align:center;letter-spacing:.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.36em;font-size:11px;line-height:1.18;display:-webkit-box;overflow:hidden}.cc-card:hover{border-color:var(--el);transform:translateY(-2px)}.cc-card.active{border-color:var(--el);background:color-mix(in srgb, var(--el) 16%, #0e1018);box-shadow:0 0 0 1px var(--el), 0 6px 20px color-mix(in srgb, var(--el) 38%, transparent)}.cc-card.active .cc-card-name{color:var(--gold)}.cc-card.locked{opacity:.5;cursor:not-allowed}.cc-card.locked:hover{border-color:#262e44;transform:none}.cc-card-lock{color:var(--gold);opacity:.9;text-align:center;font-size:10px}.cc-empty{text-align:center;color:#6c768c;grid-column:1/-1;padding:36px 0;font-size:13px}.cc-foot{flex:none;justify-content:center;align-items:center;gap:18px;padding:10px 0 26px;display:flex;position:relative}.cc-error{color:#ff8a8a;min-height:1em;font-size:13px}.cc-create[disabled]{opacity:.45;filter:grayscale(.6);cursor:not-allowed;box-shadow:none;transform:none}.end-xp{max-width:360px;margin:14px auto 6px}.end-xp.hidden{display:none}.exp-row{justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.exp-name{color:var(--parchment);letter-spacing:.04em}.exp-gain{color:var(--gold);font-weight:700}.exp-bar{background:#1c2233;border-radius:4px;height:8px;margin:6px 0 4px;overflow:hidden}.exp-fill{background:linear-gradient(90deg, #5a6b8a, var(--gold));width:0%;height:100%;transition:width .8s}.exp-meta{color:#8893a8;text-align:right;font-size:11px}.exp-toast{text-align:center;color:var(--gold);letter-spacing:.1em;min-height:1.1em;text-shadow:0 0 16px color-mix(in srgb, var(--gold) 60%, transparent);margin-top:8px;font-size:15px}.end-buttons{justify-content:center;gap:12px;margin-top:14px;display:flex}.end-squad{text-align:left;background:#10141e80;border:1px solid #ffffff14;border-radius:8px;max-width:320px;margin:14px auto 6px;padding:8px 12px}.end-squad.hidden{display:none}.end-squad-head{letter-spacing:.18em;color:#8893a8;margin-bottom:6px;font-size:11px}.end-squad-row{color:var(--parchment);justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px;display:flex}.end-squad-row.you .esq-name{color:var(--gold);font-weight:700}.end-squad-row .esq-kills{color:#8893a8;font-variant-numeric:tabular-nums}.end-wait{color:#8893a8;letter-spacing:.04em;margin-top:12px;font-size:13px}.end-wait.hidden{display:none}@media (max-width:1080px) and (min-width:721px) and (min-height:561px){.cc-layout{grid-template-columns:minmax(142px,188px) 1fr 1.55fr}.cc-classes{grid-template-columns:1fr;gap:6px}.cc-class{flex-direction:row;justify-content:center;gap:9px;padding:7px 9px}.cc-class img{width:28px;height:28px}}@media (max-width:720px),(max-height:560px){.cc-layout{grid-template-columns:minmax(0,.9fr) 1.5fr}.cc-stage{display:none}}@media (max-width:1080px){.cc-search-wrap{display:none}}@media (orientation:portrait){.btn-back{padding:6px 12px;font-size:11.5px;top:10px;left:10px}.cc-title{letter-spacing:.08em;padding:0 70px;font-size:clamp(15px,4.4vw,21px)}.sel-title{font-size:clamp(20px,5vw,30px);top:16px}.sel-layout{gap:12px;padding:64px 14px 24px}.featured-canvas{height:min(34vh,360px)}#create-screen{-webkit-overflow-scrolling:touch;overflow-y:auto}#create-screen .cc-bg,#create-screen .cc-vignette{position:fixed}.cc-title{margin:10px 0 2px}#create-screen .cc-layout{flex-direction:column;flex:none;align-items:stretch;gap:8px;padding:4px 12px 2px;display:flex}.cc-form{flex:none;gap:9px}.cc-field-grow{flex:none;min-height:0}.cc-input{padding:9px 12px;font-size:15px}.cc-classes{grid-template-columns:repeat(6,1fr);gap:5px}.cc-class{gap:3px;padding:7px 2px 6px}.cc-class img{width:26px;height:26px}.cc-class span{letter-spacing:.03em;font-size:7px}.cc-class-info,.cc-stage{display:none}.cc-skins{flex:none;gap:8px;min-height:0}.cc-search{padding:11px 12px 11px 36px;font-size:15px}.cc-families{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:0 -2px;padding:1px 1px 3px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 92%,#0000);mask-image:linear-gradient(90deg,#000 92%,#0000)}.cc-families::-webkit-scrollbar{display:none}.cc-fam{scroll-snap-align:start;letter-spacing:.02em;flex:none;padding:9px 16px;font-size:13px}.cc-fam.active{box-shadow:0 0 12px color-mix(in srgb, var(--el) 35%, transparent)}.cc-grid{flex:none;grid-template-columns:repeat(2,1fr);gap:8px;min-height:0;overflow:visible}.cc-foot{padding:8px 0 14px}.cc-foot .big-btn{letter-spacing:.22em;padding:12px 44px;font-size:16px}.set-panel{width:96vw;max-height:90vh;max-height:90dvh}.set-body{flex-direction:column}.set-rail{border-bottom:1px solid #e8c87324;border-right:none;flex-direction:row;flex:none;gap:2px;width:100%;padding:6px 6px 0;display:flex;overflow:auto hidden}.set-cat{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;flex:none;width:auto;padding:9px 13px}.set-cat.active{border-left-color:#0000;border-bottom-color:var(--gold)}.set-range{flex-basis:120px}#end-title{letter-spacing:.12em;font-size:clamp(42px,13vw,76px)}.end-buttons{flex-wrap:wrap}}body:not(.in-battle) #party-hud{display:none}#squad-stack{z-index:60;pointer-events:none;flex-direction:column;gap:9px;width:214px;display:flex;position:fixed;top:12px;left:14px}#voice-talk{pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.vt-pill{transform-origin:0;filter:drop-shadow(0 1px 3px #000000e6);align-items:center;gap:9px;max-width:100%;transition:opacity .45s;animation:.18s ease-out vtpop;display:inline-flex}.vt-pill.lingering{opacity:0}.vt-av{--el:#5fe6b0;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--el) 55%, #16241d), #0b1511 88%);border:2px solid #6df0bd;border-radius:50%;flex:none;width:34px;height:34px;animation:1.05s ease-in-out infinite vtpulse;position:relative;overflow:hidden;box-shadow:0 1px 4px #0009,0 0 8px #5fe6b099}.vt-pill.lingering .vt-av{animation:none;box-shadow:0 1px 4px #0009}.vt-img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;display:block;transform:scale(1.04)}.vt-name{letter-spacing:.02em;color:#eafff6;text-shadow:0 0 3px #000000f2,0 1px 2px #000,0 0 8px #000000d9;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:800;overflow:hidden}.vt-pill.self .vt-name{color:#ffe7a3}.vt-pill.self .vt-av{border-color:#f4dd92;box-shadow:0 1px 4px #0009,0 0 8px #e8c87399}@keyframes vtpop{0%{opacity:0;transform:translate(-8px)scale(.85)}to{opacity:1;transform:none}}@keyframes vtpulse{0%,to{box-shadow:0 1px 4px #0009,0 0 6px #5fe6b073}50%{box-shadow:0 1px 4px #0009,0 0 12px #5fe6b0e6}}#party-hud{pointer-events:none;flex-direction:column;gap:7px;width:100%;display:flex}#voice-debug{z-index:60;color:#dbe6f3;white-space:pre-wrap;pointer-events:none;-webkit-backdrop-filter:blur(4px);background:#04080ed4;border:1px solid #2e3850;border-radius:10px;width:min(420px,52vw);max-height:300px;margin:0;padding:9px 10px;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;top:12px;right:14px;overflow:auto;box-shadow:0 10px 24px #00000059}#voice-debug.hidden{display:none}.pf-title{letter-spacing:.34em;color:var(--gold);text-shadow:0 1px 3px #000;opacity:.92;align-items:center;gap:8px;padding:0 2px 1px;font-size:10px;font-weight:700;display:flex}.pf-title i{background:linear-gradient(90deg,#0000,#e8c87380);flex:1;height:1px}.pf-title i:last-child{background:linear-gradient(90deg,#e8c87380,#0000)}.pf-row{--el:#9aa3b2;-webkit-backdrop-filter:blur(7px);background:linear-gradient(120deg,#141926db,#0a0d15db);border:1px solid #e8c87329;border-radius:11px;align-items:center;gap:10px;padding:7px 11px 7px 8px;transition:border-color .16s,box-shadow .16s,opacity .25s;display:flex;box-shadow:0 3px 12px #00000080,inset 0 1px #ffffff0d}.pf-row.self{border-color:#e8c87380;box-shadow:0 3px 14px #00000080,0 0 0 1px #e8c87338,inset 0 1px #ffffff0f}.pf-gem{flex:none;width:40px;height:40px;position:relative}.pf-face{clip-path:polygon(50% 0,86% 14%,100% 50%,86% 86%,50% 100%,14% 86%,0 50%,14% 14%);filter:drop-shadow(0 2px 4px #000000b3) drop-shadow(0 0 6px color-mix(in srgb, var(--el) 55%, transparent));background:linear-gradient(150deg,#f4dd92,#8a6f2e 55%,#f4dd92);position:absolute;inset:0}.pf-face:before{content:"";clip-path:inherit;background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--el) 62%, #20283a), color-mix(in srgb, var(--el) 24%, #0b0f17) 88%);position:absolute;inset:2px}.pf-emblem{object-fit:cover;width:calc(100% - 4px);height:calc(100% - 4px);clip-path:inherit;filter:drop-shadow(0 1px 2px #00000080);position:absolute;inset:2px;transform:scale(1.18)}.pf-badge{z-index:2;color:#8c97a8;background:#11151f;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;display:flex;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 3px #000000b3,0 0 0 1.5px #0c1019}.pf-badge:empty{display:none}.pf-svg{fill:currentColor;width:11px;height:11px;display:block}.pf-main{flex:1;min-width:0}.pf-top{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:5px;display:flex}.pf-name{letter-spacing:.03em;color:color-mix(in srgb, var(--el) 35%, var(--parchment));text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px #000c;font-size:13px;font-weight:700;overflow:hidden}.pf-hp{letter-spacing:.03em;color:#d6dde6;text-shadow:0 1px 2px #000000e6;font-variant-numeric:tabular-nums;flex:none;font-size:10px;font-weight:700}.pf-bar{background:#0000008c;border:1px solid #00000080;border-radius:5px;height:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000000b3}.pf-bar i{border-radius:4px;width:100%;height:100%;transition:width .2s ease-out;display:block;box-shadow:inset 0 1px #ffffff40}.pf-row.in-comms .pf-badge{color:#aeb8c6}.pf-row.talking{border-color:#5fe6b0;box-shadow:0 3px 14px #00000080,0 0 14px #5fe6b080}.pf-row.talking .pf-face{filter:drop-shadow(0 2px 4px #000000b3)drop-shadow(0 0 8px #5fe6b0d9);animation:.8s ease-in-out infinite pfgem}.pf-row.talking .pf-badge{color:#7bffcf;background:#0e2a20;box-shadow:0 0 8px #5fe6b099}.pf-row.connecting .pf-badge{animation:1s steps(2,end) infinite pfblink}.pf-eq{align-items:flex-end;gap:1.5px;height:10px;display:flex}.pf-eq i{background:currentColor;border-radius:1px;width:2px;height:40%;animation:.55s ease-in-out infinite pfeq}.pf-eq i:nth-child(2){animation-delay:.18s}.pf-eq i:nth-child(3){animation-delay:.36s}.pf-row.dead{opacity:.5;box-shadow:none;border-color:#e0564f4d}.pf-row.dead .pf-face{filter:grayscale(.85)drop-shadow(0 2px 4px #000000b3)}.pf-row.dead .pf-name{color:#9aa3b2;-webkit-text-decoration:line-through #e0564fcc;text-decoration:line-through #e0564fcc}.pf-row.dead .pf-hp{color:#e0564f}.pf-row.dead .pf-badge{color:#e0564f;background:#2a1414}@keyframes pfgem{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes pfblink{0%{opacity:.45}to{opacity:1}}@keyframes pfeq{0%,to{height:30%}50%{height:100%}}.match-loading{color:#f5ead6;z-index:80;background:linear-gradient(#11141be6,#0a0c10f5),url(/assets/build/worldmap-Ch2eYQVt.jpg) 50%/cover no-repeat;place-items:center;display:grid}.match-loading.hidden{display:none}.match-load-inner{text-align:center;text-shadow:0 2px 12px #000000a6;width:min(520px,100vw - 48px)}.match-load-rune{color:#e7c36f;margin-bottom:10px;font-size:42px}.match-load-inner h1{letter-spacing:0;margin:8px 0 18px;font:800 32px/1.1 ui-sans-serif,system-ui,sans-serif}.match-load-track{background:#ffffff1f;border:1px solid #f5ead640;height:10px;overflow:hidden}#match-load-bar{background:linear-gradient(90deg,#caa65a,#f3df9b);width:0%;height:100%;transition:width .18s}#match-load-sub{color:#f5ead6c7;min-height:20px;margin-top:12px;font:600 13px/1.4 ui-sans-serif,system-ui,sans-serif}