:root{--ink:#f4f0ff;--muted:#a9a1c4;--panel:#100c1cc7;--panel-solid:#140f22;--edge:#3b2f5c;--edge-light:#6d5aa8;--hp:#e8413c;--mana:#3f7bff;--energy:#f2c43f;--xp:#7aff9a;--accent:#c05cff;--twitch:#9146ff;--danger:#ff5c5c;--shard:#7fd4ff;--font-pixel:"Silkscreen", ui-monospace, monospace;--font-text:"Pixelify Sans", ui-monospace, monospace;--u:clamp(2px, .16vw, 4px)}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--font-text);user-select:none;background:#0d0b14;margin:0;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;display:block;position:fixed;inset:0}#overlay2d{pointer-events:none;width:100vw;height:100vh;image-rendering:pixelated;position:fixed;inset:0}#hud{pointer-events:none;font-size:calc(var(--u) * 6);position:fixed;inset:0}.panel{background:var(--panel);border:var(--u) solid var(--edge);box-shadow:inset 0 0 0 var(--u) #ffffff0a, 0 var(--u) 0 #00000080;padding:calc(var(--u) * 3);border-radius:0}.label{font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.vitals{bottom:calc(var(--u) * 6);left:calc(var(--u) * 6);gap:calc(var(--u) * 3);width:calc(var(--u) * 118);grid-template-columns:auto 1fr;display:grid;position:absolute}.vitals>div{min-width:0}.portrait{width:calc(var(--u) * 26);height:calc(var(--u) * 26);image-rendering:pixelated;border:var(--u) solid var(--edge-light);background:#0b0814}.who{font-family:var(--font-pixel);font-size:calc(var(--u) * 5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.who small{color:var(--muted);font-size:calc(var(--u) * 4)}.bar{height:calc(var(--u) * 5);border:var(--u) solid #000;margin-top:var(--u);background:#07050d;position:relative}.bar>i{transform-origin:0;background:var(--c);box-shadow:inset 0 calc(var(--u) * -1.5) 0 #00000040;position:absolute;inset:0}.bar>b{font-family:var(--font-pixel);font-weight:400;font-size:calc(var(--u) * 3.6);line-height:calc(var(--u) * 5);text-align:center;text-shadow:0 1px #000;position:absolute;inset:0}.bar.xp{height:calc(var(--u) * 3)}.round{top:calc(var(--u) * 6);text-align:center;min-width:calc(var(--u) * 110);position:absolute;left:50%;transform:translate(-50%)}.round .world{font-family:var(--font-pixel);font-size:calc(var(--u) * 6)}.round .event{color:#ffa31a;font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);animation:1s steps(2,end) infinite blink}.round .best{color:var(--muted);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.6);letter-spacing:.04em;text-transform:uppercase}.round .best:empty{display:none}.round .torment{color:#ff7a5c;font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);letter-spacing:.04em;text-transform:uppercase}.round .torment:empty{display:none}.bossbar{top:calc(var(--u) * 30);width:min(60vw, calc(var(--u) * 200));text-align:center;position:absolute;left:50%;transform:translate(-50%)}.bossbar .name{font-family:var(--font-pixel);color:#ff8a8a;font-size:calc(var(--u) * 5.5);text-shadow:0 var(--u) 0 #000}.bossbar .bar{height:calc(var(--u) * 6)}.bossbar .bar>.notch{top:calc(var(--u) * -1);bottom:calc(var(--u) * -1);width:var(--u);margin-left:calc(var(--u) * -.5);box-shadow:0 0 0 var(--u) #000;background:#fff;position:absolute}.bossbar .bar>b{z-index:1}.bossbar .bar>.notch.passed{opacity:.3}.bossbar .bar.stagger{height:calc(var(--u) * 2);border-top:0;margin-top:0}.bossbar .bar.stagger[hidden]{display:none}.bossbar.titan .name{color:#ffd35c}.bossbar .boss-attack{margin-top:calc(var(--u) * 2);padding:calc(var(--u) * 2);border:var(--u) solid #ffd35c;color:#ffd35c;font-size:max(13px, calc(var(--u) * 5));text-shadow:0 var(--u) #000;background:#100c1cf0}.twitch{top:calc(var(--u) * 6);right:calc(var(--u) * 6);width:calc(var(--u) * 92);gap:calc(var(--u) * 3);flex-direction:column;display:flex;position:absolute}.twitch-edit{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 3.8));letter-spacing:.04em;color:var(--ink);border:var(--u) solid var(--edge-light);padding:1px max(6px, calc(var(--u) * 2));cursor:pointer;background:#2a2140;flex:none;align-self:flex-end;line-height:1.35}.twitch-edit.cta{background:var(--twitch);border-color:#b48cff}.twitch-edit:hover{filter:brightness(1.25)}#hud.free .twitch-edit,#hud.free .twitch-setup,#hud.free .host-panel{pointer-events:auto}.leave-arena{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 3.8));letter-spacing:.08em;color:var(--muted);text-shadow:0 1px #000;align-self:flex-end;text-decoration:none;display:none}.leave-arena:before{content:"◀ "}.leave-arena:hover,.leave-arena:focus-visible{color:#fff27a}#hud.free .leave-arena{pointer-events:auto;display:block}.twitch-setup,.host-panel{width:max(100%,300px);max-width:calc(100vw - var(--u) * 12);padding:max(8px, calc(var(--u) * 3));align-self:flex-end;line-height:1.35}.twitch-setup{gap:max(8px, calc(var(--u) * 2));border-color:var(--twitch);font-size:max(14px, calc(var(--u) * 4.2));flex-direction:column;display:flex}.twitch-setup[hidden]{display:none}.twitch-setup .label{font-size:max(13px, calc(var(--u) * 4.5))}.twitch-setup .row{gap:max(6px, calc(var(--u) * 1.5));display:flex}.twitch-setup input{min-width:0;font:inherit;color:var(--ink);border:var(--u) solid var(--edge-light);padding:max(4px, var(--u)) max(6px, calc(var(--u) * 2));background:#0b0814;border-radius:0;flex:1}.twitch-setup input:focus{border-color:var(--twitch);outline:none}.twitch-setup button{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 3.8));letter-spacing:.04em;color:var(--ink);background:var(--twitch);border:var(--u) solid #b48cff;padding:max(4px, var(--u)) max(8px, calc(var(--u) * 2));cursor:pointer}.twitch-setup .account{color:var(--muted)}.twitch-setup .account b{color:var(--ink);font-weight:400}.twitch-setup .account small{margin-top:var(--u);display:block}.twitch-setup a{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 3.8));letter-spacing:.04em;color:var(--muted)}.twitch-setup a:hover{color:var(--ink)}.host-panel{gap:max(8px, calc(var(--u) * 2));width:max(100%,360px);max-height:calc(100vh - var(--u) * 40 - 60px);scrollbar-width:thin;scrollbar-color:var(--edge-light) transparent;border-color:var(--twitch);font-size:max(14px, calc(var(--u) * 4.2));flex-direction:column;display:flex;overflow-y:auto}.host-panel[hidden]{display:none}.host-note{color:var(--muted);margin:0}.host-note[hidden]{display:none}.host-panel-actions{justify-content:space-between;align-items:center;gap:max(8px, calc(var(--u) * 2));flex-wrap:wrap;display:flex}.host-control-link{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 3.8));letter-spacing:.04em;color:#fff;background:var(--twitch);border:2px solid #b48cff;padding:.2em .6em;text-decoration:none}.host-control-link:hover,.host-control-link:focus-visible{color:#fff27a;outline:none}.host-control-link[hidden]{display:none}.timer{height:var(--u);background:var(--twitch);margin-top:calc(var(--u) * 2);transform-origin:0}.card{border-color:var(--twitch)}.card .opts{font-size:calc(var(--u) * 4.5);color:var(--muted)}.forging{font-size:calc(var(--u) * 4.2);color:var(--muted)}.forging b{color:#fff;font-weight:400}.forging .spin{animation:.6s steps(4,end) infinite spin;display:inline-block}.help{font-size:max(13px, calc(var(--u) * 3.8));color:var(--muted);line-height:1.35}.feed{top:calc(var(--u) * 6);left:calc(var(--u) * 6);width:calc(var(--u) * 118);gap:var(--u);flex-direction:column;display:flex;position:absolute}.feed .entry{align-items:center;gap:calc(var(--u) * 2);padding:var(--u) calc(var(--u) * 2);border-left:var(--u) solid var(--c,#fff);font-size:calc(var(--u) * 4.4);background:#0a08129e;animation:.25s steps(4,end) slide;display:flex}.feed .entry img{width:calc(var(--u) * 9);height:calc(var(--u) * 9);image-rendering:pixelated;flex:none}.bottom{bottom:calc(var(--u) * 6);align-items:flex-end;gap:calc(var(--u) * 4);display:flex;position:absolute;left:50%;transform:translate(-50%)}.slots{gap:calc(var(--u) * 1.5);display:flex}.slot{width:calc(var(--u) * 17);height:calc(var(--u) * 17);border:var(--u) solid var(--r,#2a2140);background:#0a0812cc;position:relative}.slot.active{outline:var(--u) solid #fff;outline-offset:var(--u)}.slot img{inset:var(--u);width:calc(100% - var(--u) * 2);height:calc(100% - var(--u) * 2);image-rendering:pixelated;position:absolute}.slot .k{top:0;left:var(--u);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.6);color:var(--muted);text-shadow:0 1px #000;position:absolute}.slot .n{bottom:0;right:var(--u);font-family:var(--font-pixel);font-size:calc(var(--u) * 4);text-shadow:0 1px #000;position:absolute}.slot .cd{transform-origin:bottom;background:#000000b3;position:absolute;inset:0}.slot.locked{opacity:.35}.slot .glyph{font-family:var(--font-pixel);font-size:calc(var(--u) * 5);place-items:center;display:grid;position:absolute;inset:0}.abilities{align-items:center;gap:var(--u);flex-direction:column;display:flex}.abilities .hint{font-family:var(--font-pixel);font-size:calc(var(--u) * 3.4);color:var(--muted);text-transform:uppercase;text-shadow:0 1px #000}#hud.free .slot.ability{pointer-events:auto}.slot.ability .tip{bottom:calc(100% + var(--u) * 3);width:calc(var(--u) * 90);font-size:calc(var(--u) * 4.2);line-height:1.3;display:none;position:absolute;left:0}.slot.ability:hover .tip{display:block}.slot.ability.locked{opacity:1;border-color:#c05cff59}.slot.ability.locked>:not(.tip){opacity:.35}.slot.ability .tip b{font-family:var(--font-pixel);color:#d9a8ff;font-weight:400;display:block}.slot.ability .tip small{color:var(--muted);display:block}.slot.ability .tip small.cost{color:var(--ink)}.crosshair{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:linear-gradient(#fff, #fff) center / var(--u) 100% no-repeat, linear-gradient(#fff, #fff) center / 100% var(--u) no-repeat;mix-blend-mode:difference;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prompt{font-family:var(--font-pixel);font-size:calc(var(--u) * 5);text-align:center;text-shadow:0 var(--u) 0 #000;position:absolute;top:60%;left:50%;transform:translate(-50%)}.prompt small{font-family:var(--font-text);color:var(--muted);display:block}.compare{gap:calc(var(--u) * .8) calc(var(--u) * 4);margin-top:calc(var(--u) * 2);font-family:var(--font-text);font-size:calc(var(--u) * 4.2);text-align:left;max-width:calc(var(--u) * 150);grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);display:grid}.compare b{overflow-wrap:anywhere;font-weight:400}.compare b i{font-style:normal;font-family:var(--font-pixel);font-size:calc(var(--u) * 3.2);color:var(--muted);text-transform:uppercase;display:block}.compare .l{color:var(--muted)}.compare .up{color:var(--xp)}.compare .up:after{content:" ▲"}.compare .down{color:var(--danger)}.compare .down:after{content:" ▼"}.free-hint{left:50%;top:calc(50% + var(--u) * 12);padding:var(--u) calc(var(--u) * 3);font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);text-align:center;white-space:nowrap;background:#0a0812bf;position:absolute;transform:translate(-50%)}.free-hint small{font-family:var(--font-text);font-size:calc(var(--u) * 4);color:var(--muted);display:block}.toasts{align-items:center;gap:var(--u);flex-direction:column;display:flex;position:absolute;top:68%;left:50%;transform:translate(-50%)}.toast{font-family:var(--font-pixel);font-size:calc(var(--u) * 4.5);padding:var(--u) calc(var(--u) * 3);background:#0a0812bf;animation:2.6s steps(8,end) forwards fade}.banner{text-align:center;font-family:var(--font-pixel);font-size:calc(var(--u) * 12);text-shadow:0 calc(var(--u) * 1.5) 0 #000, 0 0 calc(var(--u) * 6) var(--c,#c05cff);white-space:nowrap;animation:2.2s steps(10,end) forwards pop;position:absolute;top:34%;left:50%;transform:translate(-50%)}.banner small{font-size:calc(var(--u) * 5);color:var(--ink);display:block}.callouts{pointer-events:none;text-align:center;position:absolute;top:21%;left:50%;transform:translate(-50%)}.callout{font-family:var(--font-pixel);font-size:calc(var(--u) * 8);color:var(--c,#ffd35c);white-space:nowrap;text-shadow:0 calc(var(--u) * 1) 0 #000, 0 0 calc(var(--u) * 4) var(--c,#ffd35c);opacity:0}.callout.play{animation:callout var(--ms,.75s) steps(8) forwards}.callouts.calm .callout.play{animation-name:callout-calm}@keyframes callout{0%{opacity:0;transform:scale(1.6)}15%,80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes callout-calm{0%,85%{opacity:1}to{opacity:0}}.effects{left:calc(var(--u) * 6);bottom:calc(var(--u) * 42);align-items:flex-start;gap:calc(var(--u) * 1.5);max-width:calc(var(--u) * 118);flex-direction:column;display:flex;position:absolute}.buffs,.boons{gap:calc(var(--u) * 1.5);flex-wrap:wrap;display:flex}.buffs:empty,.boons:empty{display:none}.boon{padding:calc(var(--u) * .6) calc(var(--u) * 1.6);background:var(--panel);border-left:var(--u) solid var(--c,var(--edge-light));font-family:var(--font-pixel);font-size:calc(var(--u) * 3.6);white-space:nowrap}#hud.free .boon{pointer-events:auto}.buff{column-gap:calc(var(--u) * 2);padding:calc(var(--u) * .8) calc(var(--u) * 2);background:var(--panel);border:var(--u) solid var(--edge-light);font-size:calc(var(--u) * 4);grid-template-columns:auto auto;align-items:baseline;display:grid}.buff.generic{border-color:var(--accent)}.buff b{font-family:var(--font-pixel);max-width:calc(var(--u) * 50);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.buff small{color:var(--muted);grid-area:2/1/auto/-1}.buff .t{color:var(--energy)}.viewmodel{width:30vh;height:30vh;image-rendering:pixelated;transform-origin:80% 100%;filter:drop-shadow(0 0 calc(var(--u) * 4) var(--glow,transparent));position:absolute;bottom:-2vh;right:16vw}.roster{font-family:var(--font-pixel);font-size:calc(var(--u) * 3.8);text-align:right;color:var(--muted);line-height:1.5}.screen{pointer-events:auto;background:#08060eb8;place-items:center;display:grid;position:absolute;inset:0}.screen[hidden],.run-recap[hidden]{display:none}.run-recap h3{letter-spacing:.06em;color:#e5c4ff;margin:0 0 10px;font-size:15px}.recap-note{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.4;display:block}.victory-recap{pointer-events:none;text-align:center;width:min(90vw,400px);position:absolute;top:145px;left:50%;transform:translate(-50%)}@media (height<=620px){.victory-recap{top:90px}}.sheet{grid-template-columns:1fr 1fr;gap:12px;width:min(94vw,880px);max-height:88vh;font-size:15px;display:grid;overflow:auto}.sheet h2{font-family:var(--font-pixel);grid-column:1/-1;margin:0;font-weight:400}.sheet .item{border:2px solid var(--r,#2a2140);background:#0b0816;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;margin-top:6px;padding:6px;display:grid}.sheet .item>img{width:48px;height:48px;image-rendering:pixelated}.sheet .item small{color:var(--muted);display:block}.sheet button{font:inherit;color:var(--ink);border:2px solid var(--edge-light);cursor:pointer;background:#2a2140;font-size:12px}.sheet .item small.fx{color:#d9b8ff}.sheet button:focus-visible,.forge button:focus-visible,.vendor button:focus-visible{outline-offset:2px;outline:2px solid #fff27a}.item-effects{gap:5px;margin:8px 0;padding:0;list-style:none;display:grid}.item-effect{color:#e7def5;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:1.4;display:flex}.item-effect-icon{width:28px;height:28px;color:var(--effect-accent);background:#101725;flex:0 0 28px;place-items:center;display:grid}.item-effect-icon .item-effect-art{object-fit:contain;image-rendering:auto;width:28px;height:28px;display:block}.item-effect-art[hidden],.item-effect-art.is-loaded+.item-effect-fallback{display:none}.item-effect-fallback{width:20px;height:20px}.item-effect-label{overflow-wrap:anywhere;min-width:0}.item-effect-empty{color:var(--muted);font-size:13px;line-height:1.4}.forge-icon{box-sizing:border-box;background:#160f25;border:1px solid #6b427c;width:38px;height:38px;display:inline-block;position:relative}.forge-icon.working{border-color:#ff9a3c}.forge-icon.ready{background:#35203f;border-color:#ffd36b}.forge-icon.mini .spark{width:2px;height:2px}@keyframes forge-arrive{0%{opacity:0;transform:translateY(5px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.sheet .item .actions{flex-direction:column;gap:4px;display:flex}.sheet dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;display:grid}.sheet dt{color:var(--muted)}.sheet dd{font-family:var(--font-pixel);margin:0}.forge-badge{all:unset;left:50%;bottom:calc(var(--u) * 29);width:calc(var(--u) * 16);height:calc(var(--u) * 16);margin-left:calc(var(--u) * -8);border:var(--u) solid var(--edge-light);box-sizing:border-box;background:#0a0812d9;position:absolute}#hud.free .forge-badge{pointer-events:auto;cursor:pointer}.forge-badge[hidden]{display:none}:is(.forge-badge,.forge-icon) .anvil{clip-path:polygon(0 0,100% 0,88% 45%,70% 55%,74% 100%,26% 100%,30% 55%,12% 45%);background:linear-gradient(#8a86a0,#3d3849);height:26%;position:absolute;bottom:18%;left:18%;right:18%}:is(.forge-badge,.forge-icon) .hammer{transform-origin:50% 100%;background:#7a5431;width:9%;height:42%;position:absolute;bottom:40%;left:56%;transform:rotate(-40deg)}:is(.forge-badge,.forge-icon) .hammer:before{content:"";background:#b8b4c8;width:320%;height:32%;position:absolute;top:-12%;left:-110%}:is(.forge-badge,.forge-icon) .spark{width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);opacity:0;background:#ffd36b;position:absolute;bottom:44%;left:48%}.forge-badge .k{right:calc(var(--u) * -3);top:calc(var(--u) * -3);min-width:calc(var(--u) * 6);padding:0 var(--u);font-family:var(--font-pixel);font-size:calc(var(--u) * 4.4);line-height:calc(var(--u) * 6);text-align:center;color:var(--ink);border:calc(var(--u) * .75) solid var(--edge-light);box-shadow:0 calc(var(--u) * .75) 0 #000;background:#2a2140;position:absolute}.forge-badge.working{box-shadow:0 0 calc(var(--u) * 3) #ff8c3c99;border-color:#ff9a3c;animation:1.2s ease-in-out infinite alternate badge-heat}:is(.forge-badge,.forge-icon).working .hammer{animation:.8s cubic-bezier(.6,0,.9,.4) infinite badge-hammer}:is(.forge-badge,.forge-icon).working .spark{animation:.8s ease-out infinite badge-spark}:is(.forge-badge,.forge-icon).working .spark:nth-of-type(4){--dx:-1}:is(.forge-badge,.forge-icon).working .spark:nth-of-type(5){--dx:.2;animation-delay:50ms}.forge-badge.ready{background:radial-gradient(circle,#5a2f7a,#0a0812e6);border-color:#ffd36b;animation:.9s ease-in-out infinite alternate badge-ready,1.2s steps(6,end) infinite badge-bounce}:is(.forge-badge,.forge-icon).ready .hammer{transform:rotate(-70deg)}:is(.forge-badge,.forge-icon).ready .spark{opacity:1;background:#fff4c2;animation:1.2s steps(3,end) infinite badge-twinkle}:is(.forge-badge,.forge-icon).ready .spark:nth-of-type(3){bottom:70%;left:12%}:is(.forge-badge,.forge-icon).ready .spark:nth-of-type(4){animation-delay:.4s;bottom:76%;left:78%}:is(.forge-badge,.forge-icon).ready .spark:nth-of-type(5){animation-delay:.8s;bottom:88%;left:30%}.forge-badge.ready .k{color:#140f22;background:#ffd36b;border-color:#fff4c2}@keyframes badge-heat{0%{box-shadow:0 0 calc(var(--u) * 1) #ff8c3c66}to{box-shadow:0 0 calc(var(--u) * 5) #ff8c3ce6}}@keyframes badge-hammer{0%,45%,to{transform:rotate(-60deg)}60%{transform:rotate(5deg)}}@keyframes badge-spark{0%,58%{opacity:0;transform:translate(0)}62%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx,1) * var(--u) * 5), calc(var(--u) * -6))}}@keyframes badge-ready{0%{box-shadow:0 0 calc(var(--u) * 2) #ffd36b80}to{box-shadow:0 0 calc(var(--u) * 7) #ffd36b, 0 0 calc(var(--u) * 12) #c05cffcc}}@keyframes badge-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -2))}}@keyframes badge-twinkle{0%,to{opacity:.2}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.forge-icon,.forge-icon *,.bag-forge-ready,.forge-badge,.forge-badge *{animation:none!important}}.sheet .controls dt{font-family:var(--font-pixel);color:#d9a8ff}.sheet .controls dd{font-family:inherit}.chat{left:calc(var(--u) * 6);bottom:calc(var(--u) * 44);width:max(340px, calc(var(--u) * 150));pointer-events:auto;position:absolute}.chat input{font:inherit;color:var(--ink);border:3px solid var(--edge-light);background:#0b0814;border-radius:0;width:100%;padding:6px 8px;font-size:16px}.chatlog{left:calc(var(--u) * 6);bottom:calc(var(--u) * 46 + 40px);width:max(340px, calc(var(--u) * 150));font-size:max(15px, calc(var(--u) * 5.5));text-shadow:0 1px #000;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.35;display:flex;position:absolute}.chatlog div{overflow-wrap:anywhere;background:#0a08129e;max-width:100%;padding:2px 8px;animation:12s steps(12,end) forwards fade}.status{bottom:calc(var(--u) * 2);right:calc(var(--u) * 3);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.2);color:var(--muted);opacity:.8;position:absolute}@property --shift{syntax:"<length>";inherits:false;initial-value:0}.title{--px:2px;--crest-px:2px;--ray-x:50%;--ray-y:30%;--beat-ms:.5s;--hit:.12s;--page-in:crt-on .16s steps(1, end) backwards;--rays-dormant:.3;--rays-lit:.7;--gold:#fff27a;--pink:#ff5c8a;--deep:#1a0b33;--bulb-off:#3b2f5c;pointer-events:auto;cursor:default;text-align:center;background:radial-gradient(at 50% 45%,#08060e00 35%,#08060ec7 100%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.title[data-mode=title]{cursor:pointer}.title[data-dir=back]{--page-in:wipe-down .16s steps(1, end) backwards}.title[hidden]{display:none}.title.dim{background:#08060eb8}.title:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 2px,#0000 2px 4px);position:absolute;inset:0}.title-page{z-index:1;align-items:center;gap:calc(var(--u) * 5);animation:var(--page-in);flex-direction:column;padding:0 16px;display:flex;position:relative}.title-page[hidden]{display:none}.title-page.out{animation:80ms step-end forwards crt-off}.title[data-dir=back] .title-page.out{animation-name:wipe-up}.title-page.title-main{align-self:start;gap:calc(var(--px) * 4);padding-top:max(12px,round(2vh,1px))}.title-page.title-entry{transform:translateY(-14vh)}.title-page.title-lobby{transform:translateY(-8vh)}.title-fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.title:is([data-mode=lobby],[data-mode=name],[data-mode=host],[data-mode=invite]) .title-fx{opacity:.45}.title.over-game .title-fx{display:none}.title-rays{opacity:var(--rays-dormant);position:absolute;inset:0}.title.lit .title-rays{opacity:var(--rays-lit)}.title-rays>canvas{image-rendering:pixelated;visibility:hidden;position:absolute;top:0;left:0}.title[data-f="0"] .title-rays>:first-child,.title[data-f="1"] .title-rays>:nth-child(2),.title[data-f="2"] .title-rays>:nth-child(3),.title[data-f="3"] .title-rays>:nth-child(4){visibility:visible}.title:not([data-beat]) .title-rays>canvas{animation:6.4s step-end infinite ray-frame;animation-delay:calc(var(--i) * 1.6s - 6.4s)}.title.lit[data-bib="0"] .title-rays{animation:rays-kick var(--beat-ms) steps(1, end)}.title-embers,.title-sparks{position:absolute;inset:0}.fx-ember{left:var(--x);bottom:calc(var(--px) * -4);width:calc(var(--px) * var(--s));height:calc(var(--px) * var(--s));background:var(--c);opacity:0;animation:ember-rise var(--d) steps(var(--n), end) var(--delay) infinite;position:absolute}.title:not(.lit) .fx-ember:nth-child(n+7){display:none}.fx-spark{left:var(--ray-x);top:var(--ray-y);width:calc(var(--px) * 2);height:calc(var(--px) * 2);background:var(--gold);opacity:0;position:absolute}.fx-spark:nth-child(2n){background:var(--pink)}.title-dim,.title-flash{opacity:0;position:absolute;inset:0}.title-dim{background:#08060e}.title-flash{background:#fff}.title-lockup{padding-top:calc(var(--crest-px) * 36);flex-direction:column;align-items:center;display:flex;position:relative}.title-crest{top:calc(var(--crest-px) * -3);left:calc(50% - var(--crest-px) * 91);width:calc(var(--crest-px) * 182);height:calc(var(--crest-px) * 156);pointer-events:none;position:absolute}.title-crest>canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.crest-base{filter:brightness(.6)saturate(.7)}.title.lit .crest-base{filter:none}.crest-halo{opacity:0}.title.lit .crest-halo{opacity:.7}.title.lit[data-beat=a] .crest-halo{animation:halo-a var(--beat-ms) steps(1, end) both}.title.lit[data-beat=b] .crest-halo{animation:halo-b var(--beat-ms) steps(1, end) both}.crest-glint{left:calc(var(--crest-px) * 88);top:calc(var(--crest-px) * 23);width:calc(var(--crest-px) * 5);height:calc(var(--crest-px) * 5);background:var(--glint-l) 0 0 / 100% 100% no-repeat;opacity:0;animation:2.4s step-end infinite glint;position:absolute}.title.lit[data-beat] .crest-glint{animation:none}.title.lit[data-f="0"][data-bib="0"] .crest-glint{animation:glint-down var(--beat-ms) steps(1, end)}.logo{font-family:var(--font-pixel);flex-direction:column;align-items:center;margin:0;font-weight:400;line-height:.92;animation:3.2s step-end infinite logo-float;display:flex;position:relative}.title.lit[data-bib="0"] .logo{animation:logo-float 3.2s steps(1, end) infinite, logo-lift var(--beat-ms) steps(1, end)}.logo-top{letter-spacing:.08em;color:#fff;text-shadow:0 .06em #9146ff,0 .12em #5a2bb0,0 .18em #1a0b33;font-size:clamp(28px,min(7.5vw,12vh),108px)}.logo-bottom{letter-spacing:.02em;background:linear-gradient(#fff 0 19%,#fff27a 19% 29%,#ffb13b 29% 40%,#ff5c8a 40% 50%,#fff27a 50% 69%,#ffb13b 69% 79%,#ff5c8a 79% 90%,#c03cff 90%) 0 100%/100% 200%;color:#0000;filter:drop-shadow(0 .05em #5a1244)drop-shadow(0 .05em #200818);-webkit-background-clip:text;background-clip:text;margin-top:.08em;font-size:clamp(36px,min(10.5vw,16.5vh),150px)}.tagline{height:calc(var(--px) * 12);margin:calc(var(--px) * 5) 0 0;padding:0 calc(var(--px) * 4);font-family:var(--font-pixel);letter-spacing:.3em;color:var(--deep);background:var(--pink);box-shadow:inset 0 var(--px) 0 #ffb3c9, inset 0 calc(var(--px) * -1) 0 #a3264f, 0 var(--px) 0 #0d0b14, 0 calc(var(--px) * -1) 0 #0d0b14;place-items:center;font-size:clamp(11px,1.2vw,18px);display:grid;position:relative}.tagline>span{white-space:nowrap;grid-area:1/1;padding-left:.3em}.tagline-size{visibility:hidden}.tagline:before,.tagline:after{content:"";top:calc(var(--px) * -1);width:calc(var(--px) * 8);height:calc(var(--px) * 14);background:0 0/100% 100% no-repeat;position:absolute}.tagline:before{background-image:var(--ribbon-l);right:100%}.tagline:after{background-image:var(--ribbon-r);left:100%}.title-slot{justify-items:center;display:grid;position:relative}.title-slot>*{grid-area:1/1}.press{margin:calc(var(--px) * 4) 0 0;font-family:var(--font-pixel);letter-spacing:.12em;color:#fff;text-shadow:0 3px #9146ff,0 6px #1a0b33;font-size:clamp(16px,2.2vw,32px);animation:.12s steps(3,end) backwards press-in,1.1s steps(2,end) .12s infinite blink}.title[data-beat=a] .press{animation:press-a var(--beat-ms) steps(1, end)}.title[data-beat=b] .press{animation:press-b var(--beat-ms) steps(1, end)}.title-message{min-height:1.2em;font-family:var(--font-pixel);color:#ff8a8a;margin:0;font-size:clamp(11px,1.2vw,16px)}.title-ask{font-family:var(--font-pixel);letter-spacing:.1em;color:#fff;text-shadow:0 3px #9146ff,0 6px #1a0b33;margin:0;font-size:clamp(20px,3vw,44px)}.title-name{width:min(92vw,13.5em);font-family:var(--font-pixel);text-align:center;text-transform:uppercase;letter-spacing:.08em;color:#fff27a;caret-color:#fff27a;background:0 0;border:0;border-bottom:6px dashed #9146ff;outline:none;padding:.1em .2em;font-size:clamp(24px,4vw,56px)}.title-go{font-family:var(--font-pixel);letter-spacing:.1em;color:#1a0b33;cursor:pointer;background:#fff27a;border:0;padding:.45em 1.4em;font-size:clamp(16px,2vw,28px);box-shadow:0 6px #ff5c8a,0 12px #1a0b33}.title-go:hover{background:#fff}.title-go:active{transform:translateY(4px);box-shadow:0 2px #ff5c8a,0 6px #1a0b33}.title-hint{font-family:var(--font-pixel);letter-spacing:.1em;color:var(--muted);margin:0;font-size:clamp(13px,1vw,15px)}.title-menu{gap:calc(var(--px) * 4);padding:calc(var(--px) * 2) calc(var(--px) * 24) 0;font-family:var(--font-pixel);letter-spacing:.12em;font-size:clamp(15px,min(1.9vw,3.2vh),28px);display:grid;position:relative}.title-menu[hidden]{display:none}.plaque{align-items:center;gap:calc(var(--px) * 4);height:calc(var(--px) * 20);padding:0 calc(var(--px) * 4) 0 calc(var(--px) * 2);border:calc(var(--px) * 4) solid transparent;border-image:var(--plaque-idle) 4 fill / calc(var(--px) * 4) stretch;white-space:nowrap;color:var(--muted);text-shadow:0 var(--px) 0 #0d0b14;cursor:pointer;line-height:1;display:flex;position:relative}.plaque.host{color:#c7b0ff}.plaque-icon{width:calc(var(--px) * 12);height:calc(var(--px) * 12);background:var(--icon) center / calc(var(--px) * 10) calc(var(--px) * 10) no-repeat;flex:none}.plaque:not(.picked) .plaque-icon{filter:grayscale(.8)brightness(.7)}.plaque.picked{border-image-source:var(--plaque-picked);color:#fff;text-shadow:0 var(--px) 0 #5a2bb0, 0 calc(var(--px) * 2) 0 #0d0b14}.title[data-beat=a] .plaque.picked .plaque-icon{animation:hop-a var(--beat-ms) steps(1, end)}.title[data-beat=b] .plaque.picked .plaque-icon{animation:hop-b var(--beat-ms) steps(1, end)}.plaque.picked:after{--bulb:calc(var(--px) * 2);--slot:calc(var(--px) * 4);--pitch:calc(var(--px) * 16);--shift:0px;content:"";inset:calc(var(--px) * -7);pointer-events:none;background:linear-gradient(90deg, var(--gold) var(--bulb), transparent 0) var(--shift) 0 / var(--pitch) var(--bulb) repeat-x, linear-gradient(180deg, var(--gold) var(--bulb), transparent 0) 100% var(--shift) / var(--bulb) var(--pitch) repeat-y, linear-gradient(90deg, var(--gold) var(--bulb), transparent 0) calc(0px - var(--shift)) 100% / var(--pitch) var(--bulb) repeat-x, linear-gradient(180deg, var(--gold) var(--bulb), transparent 0) 0 calc(0px - var(--shift)) / var(--bulb) var(--pitch) repeat-y, linear-gradient(90deg, var(--bulb-off) var(--bulb), transparent 0) 0 0 / var(--slot) var(--bulb) repeat-x, linear-gradient(90deg, var(--bulb-off) var(--bulb), transparent 0) 0 100% / var(--slot) var(--bulb) repeat-x, linear-gradient(180deg, var(--bulb-off) var(--bulb), transparent 0) 0 0 / var(--bulb) var(--slot) repeat-y, linear-gradient(180deg, var(--bulb-off) var(--bulb), transparent 0) 100% 0 / var(--bulb) var(--slot) repeat-y;position:absolute}.title[data-bib="1"] .plaque.picked:after{--shift:calc(var(--px) * 4)}.title[data-bib="2"] .plaque.picked:after{--shift:calc(var(--px) * 8)}.title[data-bib="3"] .plaque.picked:after{--shift:calc(var(--px) * 12)}.title[data-bib="0"] .plaque.picked:after{animation:ring-flash var(--beat-ms) steps(1, end)}.title:not([data-beat]) .plaque.picked:after{animation:2.4s steps(4,end) infinite ring-idle}.title .plaque .keycap{margin-left:auto;font-size:.6em}.menu-sword{left:0;top:calc(var(--px) * 2);width:calc(var(--px) * 17);height:calc(var(--px) * 7);pointer-events:none;translate:0 calc(var(--px) * (24 * var(--row,0) + 6));transition:translate 80ms steps(2,end);position:absolute}.menu-sword>i{background:var(--sword) 0 0 / 100% 100% no-repeat;width:100%;height:100%;display:block}.title:not([data-beat]) .menu-sword>i{animation:1s step-end infinite cursor-bob}.title[data-beat=a] .menu-sword>i{animation:thrust-a var(--beat-ms) steps(1, end)}.title[data-beat=b] .menu-sword>i{animation:thrust-b var(--beat-ms) steps(1, end)}.title .plaque.chosen{animation:.12s step-end forwards plaque-stamp}.title .title-menu.choosing .plaque:not(.chosen){animation:80ms step-end 40ms forwards crt-off}.title .title-menu.choosing .menu-sword>i{animation:.12s step-end forwards sword-thrust}.title .title-menu.closing .plaque{animation:80ms step-end forwards crt-off;animation-delay:calc((var(--n) - 1 - var(--i)) * 40ms)}.title .title-menu.closing .menu-sword>i{animation:80ms step-end forwards sword-out}.title .keycap{margin:0 var(--px);padding:0 calc(var(--px) * 2);font-family:var(--font-pixel);letter-spacing:0;color:#f4f0ff;text-shadow:none;background:var(--deep);border:var(--px) solid #6d5aa8;border-bottom-width:calc(var(--px) * 2);font-size:.8em;line-height:1.5;display:inline-block}.title .keycap.arrows{width:calc(var(--px) * 15);height:calc(var(--px) * 9);vertical-align:middle;background:var(--deep) var(--arrows) var(--px) var(--px) / calc(var(--px) * 11) calc(var(--px) * 5) no-repeat}.title-footer{z-index:2;font-family:var(--font-pixel);letter-spacing:.1em;color:#ffffff73;grid-template-columns:1fr auto 1fr;align-items:end;padding:0 16px;font-size:13px;display:grid;position:absolute;bottom:12px;left:0;right:0}.footer-meta{justify-self:start}.footer-copy{justify-self:end}.title-music{align-items:center;gap:calc(var(--px) * 2);height:calc(var(--px) * 16);padding:0 calc(var(--px) * 2);font:inherit;letter-spacing:inherit;color:#d9c4ff;cursor:pointer;border:calc(var(--px) * 3) solid transparent;border-image:var(--thin-idle) 3 fill / calc(var(--px) * 3) stretch;background:0 0;display:inline-flex}.title-music:hover{color:#fff;border-image-source:var(--thin-picked)}.title .title-music .keycap{line-height:1.2}.music-note{width:calc(var(--px) * 7);height:calc(var(--px) * 9);background:var(--note) 0 0 / 100% 100% no-repeat}.eq{align-items:flex-end;gap:var(--px);height:calc(var(--px) * 8);display:flex}.eq>i{width:calc(var(--px) * 2);background:linear-gradient(to top, #9146ff 0 calc(var(--px) * 3), #ff5c8a 0 calc(var(--px) * 6), #fff27a 0);height:100%;clip-path:inset(calc((8 - var(--h,1)) * var(--px)) 0 0 0)}.eq>i:first-child{--h:var(--e0,1)}.eq>i:nth-child(2){--h:var(--e1,1)}.eq>i:nth-child(3){--h:var(--e2,1)}.eq>i:nth-child(4){--h:var(--e3,1)}.title-music:not([data-state=on]){color:#6b6480}.title-music:not([data-state=on]) .music-note{background-image:var(--note-off)}.title-music:not([data-state=on]) .eq>i{--h:1;background:#3b2f5c}.title-music[data-state=muted] .music-label{color:var(--pink)}@media (width<=560px){.title-footer .copy-long{display:none}.title{--rays-dormant:.18;--rays-lit:.45}.tagline{letter-spacing:.16em}.fx-ember:nth-child(n+7){display:none}.title-menu{padding-inline:calc(var(--px) * 22)}}@media (width>=561px){.title-footer .copy-short{display:none}}@media (hover:none){.menu-hint,.title .keycap{display:none}}@media (aspect-ratio<=3/4){.title-page.title-main{align-self:center}}@media (height<=760px){.title-lockup{padding-top:calc(var(--crest-px) * 28)}.menu-hint{display:none}}@media (height<=480px){.title-crest,.tagline{display:none}.title-lockup{padding-top:0}}.title.rv-windup :is(.plaque,.menu-sword,.menu-hint){visibility:hidden}.title.rv-windup.rv-lift .press{animation:80ms step-end infinite press-charge}.title.rv-windup.rv-lift .title-lockup{animation:logo-windup var(--hit) steps(2, end) forwards}.title.rv-windup.rv-lift .title-dim{animation:dim-in var(--hit) steps(2, end) forwards}.title.rv-hit .title-lockup{animation:.2s step-end forwards logo-slam}.title.rv-hit .logo-bottom{animation:96ms step-end bands-hot}.title.rv-hit .title-main{animation:var(--page-in), title-shake .24s steps(1, end)}.title.rv-hit .title-fx{animation:.24s step-end title-shake}.title.rv-hit .title-flash{animation:.26s step-end forwards title-flash}.title.rv-hit .crest-base{animation:.2s step-end forwards crest-ignite}.title.rv-hit .title-rays{animation:.2s step-end forwards rays-burst}.title.rv-hit .fx-spark{animation:.48s steps(12,end) both spark-fly}.title.rv-hit .press{animation:.12s steps(3,end) forwards press-out}.title.rv-hit .plaque{animation:.132s step-end both plaque-drop;animation-delay:calc(var(--beat-ms) * .5 * (var(--i) + 1) - 66ms)}.title.rv-hit .menu-sword>i{animation:.132s step-end both sword-in;animation-delay:calc(var(--beat-ms) * .5 - 66ms)}.title.rv-hit .menu-hint{animation:.12s steps(3,end) both fade-in;animation-delay:calc(var(--beat-ms) * 2)}.title.rv-quick .plaque{animation:.132s step-end both plaque-drop;animation-delay:calc(var(--i) * 40ms)}@keyframes crt-on{0%{clip-path:inset(50% 0)}25%{clip-path:inset(calc(50% - 2px) 0)}50%{clip-path:inset(25% 0)}75%{clip-path:inset(0)}to{clip-path:none}}@keyframes crt-off{0%{clip-path:inset(25% 0)}50%{clip-path:inset(calc(50% - 2px) 0)}to{clip-path:inset(50%)}}@keyframes wipe-down{0%{clip-path:inset(0 0 100%)}25%{clip-path:inset(0 0 66%)}50%{clip-path:inset(0 0 33%)}75%{clip-path:inset(0)}to{clip-path:none}}@keyframes wipe-up{0%{clip-path:inset(0 0 50%)}50%,to{clip-path:inset(0 0 100%)}}@keyframes logo-float{0%,to{transform:translateY(0)}25%,75%{transform:translateY(calc(var(--px) * -1))}50%{transform:translateY(calc(var(--px) * -2))}}@keyframes logo-lift{0%{translate:0 calc(var(--px) * -2)}25%{translate:0 calc(var(--px) * -1)}50%,to{translate:0}}@keyframes logo-windup{to{translate:0 calc(var(--px) * -4)}}@keyframes logo-slam{0%{translate:0 calc(var(--px) * 3)}25%{translate:0 calc(var(--px) * -2)}50%{translate:0 var(--px)}75%,to{translate:0}}@keyframes title-shake{0%{translate:calc(var(--px) * -3) calc(var(--px) * 2)}17%{translate:calc(var(--px) * 3) calc(var(--px) * -1)}33%{translate:calc(var(--px) * -2) calc(var(--px) * -2)}50%{translate:calc(var(--px) * 2) var(--px)}67%{translate:calc(var(--px) * -1) 0}83%,to{translate:0}}@keyframes title-flash{0%{opacity:.55;background:#fff}15%{opacity:.35;background:#fff27a}45%{opacity:.2;background:#9146ff}75%{opacity:.1;background:#9146ff}to{opacity:0}}@keyframes dim-in{to{opacity:.24}}@keyframes crest-ignite{0%{filter:grayscale()brightness(1.9)}25%{filter:grayscale(.5)brightness(1.5)}50%{filter:grayscale(.2)brightness(1.25)}75%{filter:brightness(1.1)}to{filter:none}}@keyframes rays-burst{0%{clip-path:circle(12vmax at var(--ray-x) var(--ray-y))}20%{clip-path:circle(28vmax at var(--ray-x) var(--ray-y))}40%{clip-path:circle(50vmax at var(--ray-x) var(--ray-y))}60%{clip-path:circle(80vmax at var(--ray-x) var(--ray-y))}80%,to{clip-path:circle(150vmax at var(--ray-x) var(--ray-y))}}@keyframes rays-kick{0%{opacity:calc(var(--rays-lit) + .15)}50%,to{opacity:var(--rays-lit)}}@keyframes ray-frame{0%{visibility:visible}25%,to{visibility:hidden}}@keyframes bands-hot{0%,to{background-position:0 0}}@keyframes press-charge{50%{color:var(--gold)}}@keyframes press-out{to{clip-path:inset(0 50%)}}@keyframes press-in{0%{clip-path:inset(0 50%)}}@keyframes press-a{50%,to{opacity:.45}}@keyframes press-b{50%,to{opacity:.45}}@keyframes halo-a{0%{opacity:1}25%{opacity:.8}50%{opacity:.6}75%,to{opacity:.45}}@keyframes halo-b{0%{opacity:1}25%{opacity:.8}50%{opacity:.6}75%,to{opacity:.45}}@keyframes glint{0%{opacity:0}88%{opacity:1;background-image:var(--glint-s)}92%{background-image:var(--glint-l)}96%{background-image:var(--glint-s)}to{opacity:0}}@keyframes glint-down{0%{opacity:1;background-image:var(--glint-s)}25%{opacity:1;background-image:var(--glint-l)}50%{opacity:1;background-image:var(--glint-s)}75%,to{opacity:0}}@keyframes hop-a{0%{translate:0 calc(var(--px) * -1)}50%,to{translate:0}}@keyframes hop-b{0%{translate:0 calc(var(--px) * -1)}50%,to{translate:0}}@keyframes thrust-a{0%{translate:var(--px) 0}50%,to{translate:0}}@keyframes thrust-b{0%{translate:var(--px) 0}50%,to{translate:0}}@keyframes cursor-bob{50%{translate:var(--px) 0}}@keyframes ring-idle{to{--shift:calc(var(--px) * 16)}}@keyframes ring-flash{0%,12.5%{--bulb-off:#fff27a}12.6%,to{--bulb-off:#3b2f5c}}@keyframes plaque-drop{0%{opacity:0;translate:0 calc(var(--px) * -8)}25%{opacity:1;translate:0 calc(var(--px) * -3)}50%{translate:0 var(--px);border-image-source:var(--plaque-flash)}75%,to{translate:0}}@keyframes plaque-stamp{0%{border-image-source:var(--plaque-flash);color:var(--gold);translate:0 var(--px)}33%{border-image-source:var(--plaque-picked);color:#fff;translate:0}66%{border-image-source:var(--plaque-flash);color:var(--gold)}to{border-image-source:var(--plaque-picked);color:#fff}}@keyframes sword-in{0%{opacity:0;translate:calc(var(--px) * -8) 0}25%{opacity:1;translate:calc(var(--px) * -5) 0}50%{translate:calc(var(--px) * -2) 0}75%{translate:var(--px) 0}to{translate:0}}@keyframes sword-thrust{0%{translate:calc(var(--px) * 3) 0}50%,to{translate:calc(var(--px) * 6) 0}}@keyframes sword-out{0%{translate:calc(var(--px) * -4) 0}50%,to{translate:calc(var(--px) * -12) 0;opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes ember-rise{0%{opacity:0;translate:0}10%{opacity:1}to{translate:calc(var(--px) * var(--sway)) -105vh;opacity:0}}@keyframes spark-fly{0%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:calc(var(--px) * var(--dx)) calc(var(--px) * var(--dy))}}@media (prefers-reduced-motion:reduce){.title *,.title :before,.title :after{transition:none!important;animation:none!important}.title-embers,.title-sparks,.title-dim,.title-flash,.crest-glint{display:none}.title{--rays-dormant:.35;--rays-lit:.35}}.lobby-servers{font-family:var(--font-pixel);letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:.8em;font-size:clamp(14px,1.6vw,22px);display:flex}.lobby-servers[hidden]{display:none}.lobby-server{min-width:9em;color:var(--muted);cursor:pointer;flex-direction:column;align-items:center;gap:.25em;padding:.45em 1em;display:flex;box-shadow:inset 0 0 0 2px #9146ff59}.lobby-server small{letter-spacing:.1em;font-size:clamp(11px,.9vw,14px)}.lobby-server.picked{color:#fff27a;background:#9146ff47;box-shadow:inset 0 0 0 2px #9146ff}.lobby-server.picked small{color:#9dd6ff}.lobby-list{width:min(92vw,820px);max-height:46vh;font-family:var(--font-pixel);letter-spacing:.06em;text-align:left;flex-direction:column;font-size:clamp(12px,1.4vw,20px);display:flex;overflow-y:auto}.lobby-row{color:var(--ink);cursor:pointer;grid-template-columns:1.4em minmax(0,1fr) auto 4.5em 1.4em 5.5em;align-items:center;gap:.8em;padding:.35em .6em;display:grid}.lobby-row.picked{color:#fff27a;background:#9146ff47;box-shadow:inset 0 0 0 2px #9146ff}.lobby-row.full{color:#6b6480;cursor:default}.lobby-cursor{visibility:hidden}.lobby-row.picked .lobby-cursor{visibility:visible}.lobby-name{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden}.lobby-channel{color:#9dd6ff}.lobby-row.full .lobby-channel{color:inherit}.lobby-live{color:#ff5c5c}.lobby-count{text-align:right}.lobby-empty{margin:calc(var(--u) * 4) 0;font-family:var(--font-pixel);letter-spacing:.1em;color:var(--muted);font-size:clamp(12px,1.4vw,20px)}@media (width<=560px){.lobby-row{grid-template-columns:1.2em minmax(0,1fr) 1.4em 5em;gap:.5em}.lobby-channel,.lobby-live{display:none}}.title-arena{max-width:92vw;font-family:var(--font-pixel);letter-spacing:.1em;color:#9dd6ff;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-size:clamp(12px,1.4vw,20px)}.title-pass{font-family:var(--font-pixel);letter-spacing:.14em;color:#b48cff;flex-direction:column;align-items:center;gap:.4em;font-size:clamp(11px,1.2vw,16px);display:flex}.title-pass[hidden]{display:none}.title-pass-input{width:min(80vw,12em);font-family:var(--font-pixel);text-align:center;letter-spacing:.12em;color:#fff27a;caret-color:#fff27a;background:0 0;border:0;border-bottom:4px dashed #b48cff;outline:none;padding:.1em .2em;font-size:clamp(18px,2.4vw,32px)}.title-go:disabled{cursor:wait;opacity:.6}.host-mini.danger{color:#ff8a8a}.host-check{font-family:var(--font-pixel);letter-spacing:.08em;text-align:left;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px 28px;font-size:clamp(13px,1.15vw,16px);display:flex}.host-check[hidden],.host-qr[hidden]{display:none}.host-qr{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.host-qr-code .qr{width:clamp(150px,17vw,240px);height:auto;image-rendering:pixelated;background:#fff;display:block;box-shadow:0 0 0 4px #9146ff,0 8px 0 4px #1a0b33}.host-qr-text{flex-direction:column;gap:4px;display:flex}.host-qr-text b{color:#fff27a;font-weight:400}.host-qr-link,.host-link{color:#9dd6ff;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;text-decoration:none}.host-qr-link:hover,.host-link:hover{color:#fff;text-decoration:underline}.host-rows{flex-direction:column;gap:10px;max-width:min(92vw,560px);display:flex}.host-row{color:var(--ink);flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.host-val{display:contents}.host-key{color:#b48cff;flex:none;width:6.2em}.host-light{background:#555;flex:none;width:.7em;height:.7em;box-shadow:0 0 0 2px #1a0b33}.host-light.on{background:#3dff7a}.host-fix{color:#fff27a}.host-fix[hidden]{display:none}.host-hint{color:var(--muted);flex-basis:100%;padding-left:7.2em;font-size:max(13px,.8em)}.host-mini{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--ink);border:2px solid var(--edge-light);cursor:pointer;background:#2a2140;flex:none;padding:.15em .6em;font-size:max(13px,.85em)}.host-mini:hover,.host-mini:focus-visible,.host-mini.on{color:#fff27a;border-color:#9146ff;outline:none}.host-mini[hidden]{display:none}.host-stats{flex-direction:column;flex-basis:100%;align-items:center;gap:4px;display:flex}.host-stat{color:#fff27a;overflow-wrap:anywhere;margin:0}.host-stat[hidden]{display:none}.host-stat.today{color:var(--muted);font-size:max(13px,.8em)}.host-stat-key{color:#b48cff;margin-right:1em}.host-check.compact .host-stats{align-items:flex-start}.host-check.compact{align-items:stretch;gap:max(8px, calc(var(--u) * 2));font-size:max(13px, calc(var(--u) * 3.8));letter-spacing:.04em;flex-direction:column;line-height:1.35}.host-check.compact .host-rows{gap:max(6px, calc(var(--u) * 1.5))}.host-check.compact .host-row{grid-template-columns:6.6em minmax(0,1fr);align-items:start;gap:8px;display:grid}.host-check.compact .host-qr-row{display:flex}.host-check.compact .host-val{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;display:flex}.host-check.compact .host-key{width:auto}.host-check.compact .host-mini{letter-spacing:.04em;font-size:1em}.host-check.compact .host-stat.today{font-size:1em}.host-check.compact .host-stat-key{margin-right:.6em}.host-check.compact .host-qr-code .qr{width:max(140px, calc(var(--u) * 60));box-shadow:0 0 0 var(--u) #9146ff}#hud.attract>:not(.title,.toasts){display:none}#hud.attract>.toasts{z-index:2;pointer-events:none;top:auto;bottom:12%}#hud:not(.attract) .title-footer{display:none}@keyframes blink{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide{0%{opacity:0;transform:translate(-30%)}}@keyframes fade{0%,70%{opacity:1}to{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.6)}15%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(1.05)}}@media (width<=860px){.vitals{bottom:calc(var(--u) * 30)}.effects{bottom:calc(var(--u) * 66)}.chat{bottom:calc(var(--u) * 68)}.chatlog{bottom:calc(var(--u) * 70 + 40px)}}@media (width<=700px){.twitch{display:none}}.memory{margin-top:3px}.memory small.mem{color:#b8f5d0;display:block}.evobar{background:#07050d;border:1px solid #000;height:14px;margin-top:2px;position:relative}.evobar>i{transform-origin:0;background:linear-gradient(90deg,#2f8f5b,#7dffb0);position:absolute;inset:0}.evobar>b{font-family:var(--font-pixel);text-align:center;color:var(--ink);text-shadow:0 1px #000;font-size:10px;font-weight:400;line-height:14px;position:absolute;inset:0}.fp-slash,.fp-claws{pointer-events:none;z-index:2;position:absolute;inset:0}.fp-slash:before{content:"";border-top:calc(var(--u,1vh) * 1.6) solid var(--c,#fff);border-right:calc(var(--u,1vh) * .8) solid transparent;width:70vh;height:70vh;filter:drop-shadow(0 0 calc(var(--u,1vh) * 1.2) var(--c,#fff));opacity:0;transform:scaleX(var(--flip,1)) rotate(-70deg);border-radius:50%;margin:-35vh 0 0 -35vh;position:absolute;top:50%;left:50%}.fp-slash.play:before{animation:.26s steps(6,end) forwards fp-slash}@keyframes fp-slash{0%{opacity:.95;transform:scaleX(var(--flip,1)) rotate(-70deg)}to{opacity:0;transform:scaleX(var(--flip,1)) rotate(40deg)}}.fp-claws:before{content:"";background:linear-gradient(118deg, transparent 38%, var(--c) 39%, var(--c) 41.5%, transparent 42.5%), linear-gradient(118deg, transparent 48%, var(--c) 49%, var(--c) 51.5%, transparent 52.5%), linear-gradient(118deg, transparent 58%, var(--c) 59%, var(--c) 61.5%, transparent 62.5%);image-rendering:pixelated;opacity:0;transform:scaleX(var(--flip,1));position:absolute;inset:18% 22%}.fp-claws.play:before{animation:.42s steps(7,end) forwards fp-claws}@keyframes fp-claws{0%{opacity:.9;clip-path:inset(0 100% 100% 0)}35%{opacity:.9;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}#hud.arpg .crosshair,#hud.arpg .viewmodel,#hud.arpg .fp-slash,#hud.arpg .fp-claws{display:none}#hud.arpg.aim-centre .crosshair{display:block}#hud.cursor .forge-badge{pointer-events:auto;cursor:pointer}#hud.cursor .slot.ability{pointer-events:auto}.edge-pulse{pointer-events:none;z-index:2;position:absolute;inset:0}.edge-pulse:before{content:"";box-shadow:inset 0 0 calc(var(--u,1vh) * 14) calc(var(--u,1vh) * 3) var(--c,#ff3b3b);opacity:0;position:absolute;inset:0}.edge-pulse.play:before{animation:.3s steps(5,end) forwards edge-pulse}@keyframes edge-pulse{0%{opacity:.85}to{opacity:0}}.dodge{gap:var(--u);display:flex}.dodge-pip{width:calc(var(--u) * 3.2);height:calc(var(--u) * 3.2);box-shadow:0 0 0 calc(var(--u) * .5) #140f1c;background:linear-gradient(to top, #9dd6ff8c calc(var(--k,0) * 100%), #140f1cb3 calc(var(--k,0) * 100%));border-radius:50%;display:block}.dodge-pip.ready{box-shadow:0 0 0 calc(var(--u) * .5) #140f1c, 0 0 calc(var(--u) * 1.5) #9dd6ffb3;background:#9dd6ff}.dodge[hidden],.dodge-pip[hidden]{display:none}.abilities .slot.ability{width:calc(var(--u) * 15.6);height:calc(var(--u) * 15.6)}.slot.ability .secs{font-family:var(--font-pixel);font-size:calc(var(--u) * 5.5);text-shadow:0 1px #000;place-items:center;display:grid;position:absolute;inset:0}.slot.ability.cooling .glyph{visibility:hidden}.slot.ability .ranks{left:var(--u);right:var(--u);bottom:var(--u);justify-content:center;gap:calc(var(--u) * .6);display:flex;position:absolute}.slot.ability .ranks i{width:calc(var(--u) * 1.4);height:calc(var(--u) * 1.4);box-shadow:0 0 0 calc(var(--u) * .3) #140f1c;background:#140f1cd9;display:block}.slot.ability .ranks i.on{background:#f2c43f}.slot.ability .ranks i[hidden]{display:none}.slot.ability.held{outline:var(--u) solid #fff;outline-offset:var(--u)}.slot.ability.casting{border-color:#fff}.slot.ability.dry .glyph{color:#7f8bff}.slot.ability.locked .glyph{font-size:calc(var(--u) * 3.6)}.ab-status{justify-items:center;gap:calc(var(--u) * .6);font-family:var(--font-pixel);font-size:calc(var(--u) * 3.6);text-shadow:0 1px #000;display:grid}.ab-status[hidden]{display:none}.ab-bar{width:calc(var(--u) * 40);height:calc(var(--u) * 1.6);box-shadow:0 0 0 calc(var(--u) * .4) #000;background:#07050d;position:relative}.ab-bar>i{transform-origin:0;background:#fff;position:absolute;inset:0}.ab-status.cc{color:#ffb4a8}.ab-status.cc .ab-bar>i{background:#ff6a4a}.bar>i.barrier{width:100%;box-shadow:none;opacity:.9;background:#f4f4ff;left:0;right:auto}.bar>i.barrier[hidden]{display:none}.arpg-cursor{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><path d='M6 0h3v7H6zM6 9h3v7H6zM0 6h7v3H0zM9 6h7v3H9zM6 6h3v3H6z' fill='%23140f1c'/><path d='M7 1h1v5H7zM7 10h1v5H7zM1 7h5v1H1zM10 7h5v1h-5zM7 7h1v1H7z' fill='white'/></svg>") 8 8,crosshair}.arpg-cursor.hostile{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><path d='M6 0h3v7H6zM6 9h3v7H6zM0 6h7v3H0zM9 6h7v3H9zM6 6h3v3H6z' fill='%23140f1c'/><path d='M7 1h1v5H7zM7 10h1v5H7zM1 7h5v1H1zM10 7h5v1h-5zM7 7h1v1H7z' fill='%23ff3b3b'/></svg>") 8 8,crosshair}.arpg-cursor.hand{cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><path d='M5 0h4v7h5v9H3v-4H1V7h4z' fill='%23140f1c'/><path d='M6 1h2v7h5v7H4v-4H2V8h4z' fill='white'/></svg>") 7 1,pointer}.arpg-cursor.turning{cursor:grabbing}.slot .pips{gap:2px;display:flex;position:absolute;bottom:3px;left:3px}.slot .pips i{width:calc(var(--u,1vh) * .7);height:calc(var(--u,1vh) * .7);display:block;box-shadow:0 0 0 1px #140f1c}.slot .infusions{pointer-events:none;gap:2px;display:flex;position:absolute;bottom:3px;right:3px}.slot .infusions .pip{width:calc(var(--u,1vh) * .9);height:calc(var(--u,1vh) * .9);background:#140f1c;display:block;box-shadow:0 0 0 1px #4a3a66}.slot .infusions .pip.on{background:var(--c,#fff27a);box-shadow:0 0 0 1px #140f1c, 0 0 4px var(--c,#fff27a)}.infuse-pops{pointer-events:none;z-index:3;position:fixed;inset:0}.infuse-pop{font-family:var(--font-pixel);white-space:nowrap;opacity:0;grid-template-columns:auto auto;place-items:center start;gap:0 4px;display:grid;position:fixed;translate:-50% -100%}.infuse-pop[hidden]{display:none}.infuse-pop img{width:24px;height:24px;image-rendering:pixelated}.infuse-pop img[hidden]{display:none}.infuse-pop span{color:var(--c,#fff27a);text-shadow:0 2px 0 #000, 0 0 8px var(--c,#fff27a);font-size:18px}.infuse-pop small{color:#e7def5;text-shadow:0 1px #000;white-space:normal;text-align:center;grid-column:1/-1;justify-self:center;max-width:260px;font-size:11px}.infuse-pop small[hidden]{display:none}.infuse-pop.play{animation:infuse-pop var(--ms,1.4s) ease-out forwards}@keyframes infuse-pop{0%{opacity:0;transform:translateY(0)}10%{opacity:1}70%{opacity:1}to{transform:translateY(calc(var(--rise,28px) * -1));opacity:0}}@media (prefers-reduced-motion:reduce){.infuse-pop.play{animation-name:infuse-pop-calm;transform:none}}.infuse-pops.calm .infuse-pop.play{animation-name:infuse-pop-calm}@keyframes infuse-pop-calm{0%{opacity:0}10%,70%{opacity:1}to{opacity:0}}.slot .dura{height:calc(var(--u,1vh) * .45);background:#140f1c;position:absolute;top:3px;left:3px;right:3px;box-shadow:0 0 0 1px #140f1c}.slot .dura[hidden]{display:none}.slot .dura i{height:100%;width:calc(var(--d,1) * 100%);background:#8fe06a;display:block}.slot .dura.worn i{background:#ff4a4a}.sheet small.power{display:block}.free-menu{margin:calc(var(--u) * 1.5) auto 0;font-family:var(--font-pixel);font-size:max(12px, calc(var(--u) * 3.6));letter-spacing:.06em;color:var(--ink);border:var(--u) solid var(--edge-light);padding:2px max(8px, calc(var(--u) * 2.5));cursor:pointer;background:#2a2140;display:block}#hud.free .free-menu{pointer-events:auto}.free-menu:hover,.free-menu:focus-visible{color:#fff27a;border-color:var(--twitch);outline:none}.stream-qr{right:calc(var(--u) * 6);bottom:calc(var(--u) * 7);align-items:center;gap:var(--u);width:max(144px, calc(var(--u) * 64));padding:calc(var(--u) * 2);background:var(--panel);border:var(--u) solid var(--twitch);box-shadow:0 var(--u) 0 #00000080;font-family:var(--font-pixel);text-align:center;letter-spacing:.04em;flex-direction:column;display:flex;position:absolute}.stream-qr[hidden]{display:none}.stream-qr-code,.stream-qr-code .qr{width:100%;display:block}.stream-qr-code .qr{height:auto;image-rendering:pixelated;background:#fff}.stream-qr-title{font-weight:400;font-size:max(12px, calc(var(--u) * 3.9));color:#fff27a;white-space:nowrap}.stream-qr-link{max-width:100%;font-family:var(--font-text);font-size:max(12px, calc(var(--u) * 3.8));letter-spacing:0;color:#9dd6ff;overflow-wrap:anywhere;line-height:1.2}#hud.free .stream-qr{right:calc(var(--u) * 102)}.host-check.compact .host-hint{padding-left:0}.game-menu{width:min(calc(100vw - var(--u) * 12), max(380px, calc(var(--u) * 150)));max-height:calc(100vh - var(--u) * 24);scrollbar-width:thin;scrollbar-color:var(--edge-light) transparent;gap:max(10px, calc(var(--u) * 3));padding:max(14px, calc(var(--u) * 5));border-color:var(--edge-light);pointer-events:auto;cursor:default;font-size:max(15px, calc(var(--u) * 4.6));z-index:3;flex-direction:column;line-height:1.35;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.game-menu[hidden]{display:none}.game-menu:not([hidden])~.toasts{z-index:4}.gm-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.gm-heading{font-family:var(--font-pixel);font-weight:400;font-size:max(22px, calc(var(--u) * 8));letter-spacing:.08em;color:#fff27a;text-shadow:0 var(--u) 0 #000;margin:0}.gm-close{font-family:var(--font-pixel);font-size:max(22px, calc(var(--u) * 7));color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;line-height:1}.gm-close:hover,.gm-close:focus-visible{color:#fff;outline:none}.gm-arena{margin:calc(var(--u) * -2) 0 0;font-family:var(--font-pixel);letter-spacing:.06em;color:var(--muted);overflow-wrap:anywhere;font-size:max(13px,.8em)}.gm-part{gap:max(8px, calc(var(--u) * 2));padding-top:max(10px, calc(var(--u) * 3));border-top:var(--u) solid var(--edge);flex-direction:column;display:flex}.gm-part[hidden]{display:none}.gm-title{font-family:var(--font-pixel);font-weight:400;font-size:max(15px, calc(var(--u) * 4.8));letter-spacing:.08em;color:#b48cff;margin:0}.gm-note{margin:0}.gm-row,.gm-line{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.gm-line[hidden]{display:none}.gm-link{min-width:0;font-family:var(--font-text);color:#9dd6ff;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;flex:12em}.gm-warn{font-family:var(--font-pixel);letter-spacing:.06em;color:#ffb35c;font-size:max(13px,.75em)}.gm-warn[hidden]{display:none}.gm-button,.gm-toggle{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--ink);border:max(2px, var(--u)) solid var(--edge-light);cursor:pointer;background:#2a2140;flex:none;padding:.25em .8em;font-size:max(13px,.8em)}.gm-button:hover,.gm-button:focus-visible,.gm-toggle:hover,.gm-toggle:focus-visible{color:#fff27a;border-color:var(--twitch);outline:none}.gm-button:disabled{opacity:.55;cursor:progress}.gm-toggle{min-width:4.6em}.gm-toggle.on{background:var(--twitch);border-color:#b48cff}.gm-key{width:7.4em;font-family:var(--font-pixel);letter-spacing:.06em;color:var(--muted);flex:none;font-size:max(13px,.8em)}.gm-key-hint{font-family:var(--font-pixel);color:var(--muted);font-size:max(13px,.75em)}.gm-range{min-width:6em;accent-color:var(--twitch);cursor:pointer;flex:8em;margin:0}.gm-value{min-width:3.8em;font-family:var(--font-pixel);text-align:right;flex:none;font-size:max(13px,.8em)}.gm-check{cursor:pointer;align-items:center;gap:10px;display:flex}.gm-check input{width:1.1em;height:1.1em;accent-color:var(--twitch);cursor:pointer;flex:none;margin:0}.gm-foot{padding-top:max(12px, calc(var(--u) * 3.5));border-top:var(--u) solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gm-resume{font-family:var(--font-pixel);font-size:max(16px, calc(var(--u) * 5.2));letter-spacing:.08em;color:#1a0b33;border:max(2px, var(--u)) solid #fff;box-shadow:0 var(--u) 0 #8a6d00;cursor:pointer;background:#fff27a;padding:.3em 1.1em}.gm-resume:hover,.gm-resume:focus-visible{filter:brightness(1.08);outline:max(2px, var(--u)) solid var(--twitch);outline-offset:2px}.gm-leave{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--muted);font-size:max(13px,.8em);text-decoration:none}.gm-leave:before{content:"◀ "}.gm-leave:hover,.gm-leave:focus-visible{color:#fff27a;outline:none}.gm-step{text-align:center;min-width:2.2em}.gm-step:disabled{cursor:not-allowed}.gm-tier{text-align:center;min-width:2.6em}.shard{width:calc(var(--u) * 2.4);height:calc(var(--u) * 2.4);background:var(--shard);box-shadow:inset calc(var(--u) * -.7) calc(var(--u) * -.7) 0 #0000004d;display:inline-block;transform:rotate(45deg)}.slot.ability.heal{margin-left:calc(var(--u) * 2.5)}.slot.ability.heal .glyph{font-size:calc(var(--u) * 6.5);color:#ffd9d6}.slot.ability.heal .glyph b{font-weight:400}.slot.ability.heal .glyph small{font-size:calc(var(--u) * 3.6);color:var(--muted)}.slot.ability.heal.empty{border-color:#e8413c59}.slot.ability.heal.empty .glyph{opacity:.35}.slot.ability .charges{left:var(--u);right:var(--u);bottom:var(--u);justify-content:center;gap:calc(var(--u) * .6);display:flex;position:absolute}.slot.ability .charges i{width:calc(var(--u) * 1.4);height:calc(var(--u) * 1.4);box-shadow:0 0 0 calc(var(--u) * .3) #140f1c;background:linear-gradient(to right, #ff6a5c calc(var(--k,0) * 100%), #140f1cd9 calc(var(--k,0) * 100%));display:block}.slot.ability .charges i[hidden]{display:none}.pouch{align-items:flex-end;gap:var(--u);flex-direction:column;display:flex}.purse{all:unset;box-sizing:border-box;align-items:center;gap:calc(var(--u) * 1.6);padding:calc(var(--u) * .6) calc(var(--u) * 2);border:var(--u) solid var(--shard);font-family:var(--font-pixel);font-size:calc(var(--u) * 4);color:var(--ink);text-shadow:0 1px #000;background:#0a0812cc;display:flex}.purse b{font-weight:400}.purse .k{font-size:calc(var(--u) * 3.6);color:var(--muted)}#hud.free .purse,#hud.cursor .purse{pointer-events:auto;cursor:pointer}.purse.offered{animation:1s steps(2,end) infinite purse-offer}@keyframes purse-offer{50%{border-color:#fff27a}}.offers{left:calc(var(--u) * 6);top:calc(var(--u) * 84);width:max(300px, calc(var(--u) * 118));gap:calc(var(--u) * 2);flex-direction:column;display:flex;position:absolute}.offer{gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 2.5);border-color:var(--edge-light);font-size:max(14px, calc(var(--u) * 4.6));flex-direction:column;line-height:1.3;display:flex}.offer[hidden]{display:none}.offer button{pointer-events:auto;cursor:pointer}@media (width<=1560px){.screen:not([hidden]):not(.death)~.offers{opacity:.4}.screen:not([hidden]):not(.death)~.offers button{pointer-events:none}}.offer p{margin:0}.offer-head{justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 4.5));letter-spacing:.06em;color:#fff27a;display:flex}.offer-head b{color:var(--ink);font-weight:400}.offer-timer{height:var(--u);background:#07050d}.offer-timer>i{transform-origin:0;background:#fff27a;height:100%;display:block}.offer-hint{color:var(--muted);font-size:max(13px, calc(var(--u) * 3.8))}.boon-cards{gap:var(--u);flex-direction:column;display:flex}.boon-card{all:unset;box-sizing:border-box;column-gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);border:var(--u) solid var(--c,var(--edge-light));background:#0b0816;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;display:grid}.boon-card[hidden]{display:none}.boon-card:hover,.boon-card:focus-visible{background:#1c1530;border-color:#fff}.boon-card .key{font-family:var(--font-pixel);font-size:max(18px, calc(var(--u) * 7));color:var(--c,var(--ink));grid-row:1/3;align-self:center}.boon-card b{font-family:var(--font-pixel);font-weight:400;font-size:max(13px, calc(var(--u) * 4.5));color:var(--c,var(--ink))}.boon-card .stacks{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 3.8));color:var(--muted)}.boon-card small{font-size:inherit;grid-column:2/4}.offer-actions{gap:calc(var(--u) * 2);flex-wrap:wrap;display:flex}.offer-button{font-family:var(--font-pixel);font-size:max(13px, calc(var(--u) * 4));letter-spacing:.06em;color:var(--ink);border:max(2px, var(--u)) solid var(--edge-light);background:#2a2140;padding:.25em .8em}.offer-button.offer-go{color:#1a0b33;background:#fff27a;border-color:#fff}.offer-button:hover,.offer-button:focus-visible{border-color:var(--twitch);outline:none}.tier-up{border-color:#ff7a5c}.tier-up .offer-head{color:#ff7a5c}.tier-up.ascend{border-color:#ffd35c}.tier-up.ascend .offer-head{color:#ffd35c}.gather{border-color:#7dffb0}.gather .offer-head{color:#7dffb0}.vendor-offer{border-color:var(--shard)}.vendor-offer .offer-head{color:var(--shard)}.vendor{border-color:var(--shard);grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);align-items:start;gap:10px 14px;width:min(94vw,860px);max-height:88vh;font-size:15px;display:grid;overflow:auto}.vendor h2{font-family:var(--font-pixel);color:var(--shard);text-align:center;grid-column:1/-1;margin:0;font-weight:400}.vendor h2 .label{font-size:11px}.vendor .shard{width:8px;height:8px;box-shadow:inset -2px -2px #0000004d}.vendor-purse{text-align:center;color:var(--muted);grid-column:1/-1}.vendor-purse b{font-family:var(--font-pixel);color:var(--shard);margin:0 2px 0 8px;font-size:20px;font-weight:400}.vendor-bag,.vendor-deals{flex-direction:column;gap:4px;min-width:0;display:flex}.vendor-deals{gap:10px}.vendor-deals section{border:2px dashed var(--edge-light);background:#0b0816;flex-direction:column;gap:6px;padding:8px;display:flex}.vendor small{color:var(--muted);font-size:14px;display:block}.vendor small.won{color:var(--ink)}.vendor button{font:inherit;color:var(--ink);cursor:pointer}.vendor-deals button{border:2px solid var(--edge-light);background:#2a2140;padding:4px 10px;font-size:14px}.vendor-deals button.go{font-family:var(--font-pixel);color:#06202c;background:var(--shard);border-color:#d6f2ff;font-size:15px;box-shadow:0 3px #000}.vendor button[disabled]{opacity:.4;cursor:not-allowed}.vendor .vrow{border:2px solid var(--r,#2a2140);text-align:left;background:#0b0816;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;padding:4px 6px;display:grid}.vendor .vrow:hover{background:#1c1530}.vendor .vrow.sel{border-color:var(--shard);box-shadow:0 0 0 2px var(--shard)}.vendor .vrow.fresh{background:#2b2410}.vendor img,.vendor .img{width:40px;height:40px;image-rendering:pixelated}.vendor .tag{font-family:var(--font-pixel);color:var(--xp);font-size:11px}.vendor .yield{font-family:var(--font-pixel);color:var(--shard);white-space:nowrap;font-size:13px}@media (width<=720px){.vendor{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.purse.offered{animation:none}}.herald{inset-inline:0;pointer-events:none;animation:herald-out var(--ms,2.8s) both;flex-direction:column;align-items:center;display:flex;position:absolute;top:25%}.herald canvas{width:calc(var(--px) * var(--w));height:calc(var(--px) * var(--h));image-rendering:pixelated;display:block}.herald-top{z-index:1;margin-bottom:calc(var(--px) * 5);animation:herald-top var(--ms,2.8s) both;position:relative}.herald-stage{width:calc(var(--px) * var(--w));height:calc(var(--px) * var(--h));animation:herald-shake var(--ms,2.8s) both;position:relative}.herald .herald-band{animation:herald-band var(--ms,2.8s) both;position:absolute;top:50%;left:50%;translate:-50% -50%}.herald .herald-word{animation:herald-slam var(--ms,2.8s) both;position:relative}.herald-glint{left:var(--x);top:var(--y);width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:var(--glint-s) 0 0 / 100% 100% no-repeat;opacity:0;animation:herald-glint .64s var(--d,0s) steps(1) 2 both;position:absolute;translate:-50% -50%}.herald-glint.l{width:calc(var(--px) * 10);height:calc(var(--px) * 10)}.herald-ribbon,.pixel-ribbon{height:calc(var(--px) * 12);margin-top:calc(var(--px) * 4);padding:0 calc(var(--px) * 6);font-family:var(--font-pixel);font-size:max(12px, calc(var(--px) * 5));letter-spacing:.16em;color:#fff;text-shadow:0 var(--px) 0 var(--rb-dark);white-space:nowrap;background:var(--rb);box-shadow:inset 0 var(--px) 0 var(--rb-light), inset 0 calc(var(--px) * -1) 0 var(--rb-dark), 0 var(--px) 0 #0d0b14, 0 calc(var(--px) * -1) 0 #0d0b14;place-items:center;display:grid;position:relative}.herald-ribbon{animation:herald-ribbon var(--ms,2.8s) both}.herald-ribbon>span,.pixel-ribbon>span{padding-left:.16em}.herald-ribbon:before,.herald-ribbon:after,.pixel-ribbon:before,.pixel-ribbon:after{content:"";top:calc(var(--px) * -1);width:calc(var(--px) * 8);height:calc(var(--px) * 14);background:0 0/100% 100% no-repeat;position:absolute}.herald-ribbon:before,.pixel-ribbon:before{background-image:var(--rb-l);right:100%}.herald-ribbon:after,.pixel-ribbon:after{background-image:var(--rb-r);left:100%}.herald-under{align-items:center;gap:calc(var(--px) * 5);margin-top:calc(var(--px) * 5);padding:calc(var(--px) * 2) calc(var(--px) * 4);box-shadow:0 0 0 var(--px) #0d0b14, inset 0 var(--px) 0 #231a3a;animation:herald-late var(--ms,2.8s) both;background:#140f22;display:flex}.herald-pips{gap:calc(var(--px) * 3);display:flex}.herald-pips i{width:calc(var(--px) * 5);height:calc(var(--px) * 5);box-shadow:0 0 0 var(--px) #0d0b14, inset 0 calc(var(--px) * -1) 0 #140f22;background:#2a2140}.herald-pips i.done{background:var(--rb-light);box-shadow:0 0 0 var(--px) #0d0b14, inset 0 calc(var(--px) * -1) 0 var(--rb)}.herald-pips i.now{box-shadow:0 0 0 var(--px) #0d0b14, inset 0 calc(var(--px) * -1) 0 #f08a2a, 0 0 0 calc(var(--px) * 2) #fff27a59;background:#fff27a;animation:.5s steps(2,end) infinite blink}.herald-foot{font-family:var(--font-pixel);font-size:max(12px, calc(var(--px) * 4));letter-spacing:.12em;text-transform:uppercase;color:#d9c4ff;line-height:1}.bossbar:not([hidden])~.herald{top:29%}.herald.calm,.herald.calm *{animation-name:none!important}.herald.calm{animation:herald-calm var(--ms,2.8s) steps(1) both!important}.herald.calm .herald-glint{display:none}@keyframes herald-band{0%,3%{clip-path:inset(0 50%);animation-timing-function:steps(4,end)}10%,88%{clip-path:inset(0);animation-timing-function:steps(4,end)}96%,to{clip-path:inset(0 50%)}}@keyframes herald-slam{0%,4%{opacity:0;filter:brightness(3);animation-timing-function:steps(3,end);scale:3}8%{opacity:1;filter:brightness(2.2);animation-timing-function:steps(2,end);scale:.86}11%{filter:brightness(1.4);animation-timing-function:steps(2,end);scale:1.08}14%,to{opacity:1;filter:none;scale:1}}@keyframes herald-shake{0%,8%{translate:0}9%{translate:calc(var(--px) * -3) calc(var(--px) * 2)}10%{translate:calc(var(--px) * 3) calc(var(--px) * -2)}11%{translate:calc(var(--px) * -2) calc(var(--px) * 1)}12%,to{translate:0}}@keyframes herald-top{0%,10%{translate:0 calc(var(--px) * -12);opacity:0;animation-timing-function:steps(3,end)}15%,to{opacity:1;translate:0}}@keyframes herald-ribbon{0%,13%{opacity:0;animation-timing-function:steps(4,end);scale:0 1}14%{opacity:1}21%,to{opacity:1;scale:1}}@keyframes herald-late{0%,20%{opacity:0}21%,to{opacity:1}}@keyframes herald-out{0%,88%{opacity:1;animation-timing-function:steps(4,end);translate:0}to{translate:0 calc(var(--px) * -16);opacity:0}}@keyframes herald-calm{0%,95%{opacity:1}to{opacity:0}}@keyframes herald-glint{0%{opacity:0}10%{opacity:1;background-image:var(--glint-s)}35%{background-image:var(--glint-l)}60%{background-image:var(--glint-s)}85%,to{opacity:0}}.acts{inset-inline:0;top:calc(var(--u) * 44);pointer-events:none;justify-items:center;display:grid;position:absolute}.bossbar:not([hidden])~.acts{top:calc(var(--u) * 57)}.acts:has(>.act:not(.leave))~.callouts{top:calc(var(--u) * 100)}.act{align-items:center;gap:calc(var(--px) * 5);min-width:calc(var(--px) * 140);max-width:min(calc(100vw - 32px), calc(var(--px) * 240));padding:calc(var(--px) * 4) calc(var(--px) * 12) calc(var(--px) * 4) calc(var(--px) * 4);border:calc(var(--px) * 4) solid transparent;border-image:var(--act-frame) 4 fill / calc(var(--px) * 4) stretch;filter:drop-shadow(0 calc(var(--px) * 2) 0 #0d0b148c);grid-area:1/1;animation:.52s both act-enter;display:flex;position:relative}.act.kind-boss,.act.kind-raid{animation:.52s both act-enter,.36s .52s forwards act-rumble}.act.leave{animation:.36s steps(4,end) forwards act-leave}.act-tag{top:calc(var(--px) * -10);left:calc(var(--px) * 8);padding:calc(var(--px) * .5) calc(var(--px) * 3);font-family:var(--font-pixel);font-size:max(11px, calc(var(--px) * 4.2));letter-spacing:.12em;color:#0d0b14;background:var(--act-c);box-shadow:inset 0 var(--px) 0 var(--act-light), inset 0 calc(var(--px) * -1) 0 var(--act-dark), 0 0 0 var(--px) #0d0b14;line-height:1.3;position:absolute}.act-badge{width:calc(var(--px) * 26);height:calc(var(--px) * 26);border:calc(var(--px) * 3) solid transparent;border-image:var(--act-badge) 3 fill / calc(var(--px) * 3) stretch;flex:none;place-items:center;display:grid}.act-sprite{width:calc(var(--px) * 20);height:calc(var(--px) * 20);object-fit:contain;image-rendering:pixelated;animation:.8s steps(2,end) infinite act-bob}.act-icon{width:calc(var(--px) * 20);height:calc(var(--px) * 20);background:var(--act-icon) center / contain no-repeat;image-rendering:pixelated;animation:.8s steps(2,end) infinite act-bob}.act-text{gap:var(--px);flex-direction:column;min-width:0;display:flex}.act-who{font-family:var(--font-pixel);font-size:max(14px, calc(var(--px) * 7));color:var(--act-light);text-shadow:0 var(--px) 0 #0d0b14, 0 calc(var(--px) * 2) 0 var(--act-dark);white-space:nowrap;text-overflow:ellipsis;font-weight:400;line-height:1.1;overflow:hidden}.act-what{font-family:var(--font-text);font-size:max(14px, calc(var(--px) * 5.4));color:var(--ink);text-shadow:0 var(--px) 0 #0d0b14;white-space:nowrap;text-overflow:ellipsis;line-height:1.15;overflow:hidden}.act-count{right:calc(var(--px) * -6);top:calc(var(--px) * -8);padding:0 calc(var(--px) * 2);font-family:var(--font-pixel);font-size:max(13px, calc(var(--px) * 6));color:#fff27a;box-shadow:0 0 0 var(--px) var(--act-c);background:#0d0b14;font-weight:400;position:absolute}.act-count.pop{animation:.3s steps(3,end) act-pop}.act-shine{pointer-events:none;background:linear-gradient(100deg,#0000 42%,#ffffff47 42% 47%,#0000 47% 51%,#ffffff29 51% 53%,#0000 53%) 100% 0/300% 100% no-repeat;animation:.7s steps(10,end) .52s both act-shine;position:absolute;inset:0;overflow:hidden}.act-glint{width:calc(var(--px) * 5);height:calc(var(--px) * 5);background:var(--glint-s) 0 0 / 100% 100% no-repeat;animation:.9s step-end infinite herald-glint;position:absolute}.act-glint.a{left:calc(var(--px) * -5);bottom:calc(var(--px) * -4);animation-delay:.3s}.act-glint.b{right:calc(var(--px) * 18);top:calc(var(--px) * -6);width:calc(var(--px) * 10);height:calc(var(--px) * 10);animation-delay:.75s}.acts.calm .act,.acts.calm .act *{animation:none!important}.acts.calm .act.leave,.acts.calm .act-shine,.acts.calm .act-glint{display:none}@keyframes act-enter{0%{translate:0 calc(var(--px) * -60);opacity:0;animation-timing-function:steps(4,end)}50%{translate:0 calc(var(--px) * 4);opacity:1;animation-timing-function:steps(2,end)}70%{translate:0 calc(var(--px) * -3);animation-timing-function:steps(2,end)}85%{translate:0 var(--px);animation-timing-function:step-end}to{opacity:1;translate:0}}@keyframes act-leave{0%{opacity:1;translate:0}to{translate:0 calc(var(--px) * -24);opacity:0}}@keyframes act-rumble{0%,50%{translate:calc(var(--px) * -2) 0}25%,75%{translate:calc(var(--px) * 2) 0}to{translate:0}}@keyframes act-bob{0%{translate:0}50%{translate:0 calc(var(--px) * -1)}}@keyframes act-pop{0%{scale:1.8}to{scale:1}}@keyframes act-shine{0%{background-position:100% 0}to{background-position:0 0}}.skill-offer{border-color:#fff27a}.skill-offer .offer-head{color:#fff27a}.skills{border-color:#fff27a;flex-direction:column;gap:10px;width:min(96vw,1060px);max-height:90vh;font-size:15px;display:flex;overflow:auto}.skills h2{font-family:var(--font-pixel);color:#fff27a;text-align:center;margin:0;font-weight:400}.skills h2 .label{font-size:11px}.skills-sub{text-align:center;color:var(--muted);font-size:14px}.skills button{font:inherit;color:var(--ink);cursor:pointer}.skills button[disabled]{cursor:default}.skills-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.skills-tab{text-align:left;background:#0b0816;border:2px solid #2a2140;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:8px;padding:4px 8px;display:grid;position:relative}.skills-tab .frame{grid-row:1/3}.skills-tab .k{font-family:var(--font-pixel);color:var(--muted);font-size:13px}.skills-tab b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-pixel);font-size:14px;font-weight:400;overflow:hidden}.skills-tab:hover,.skills-tab:focus-visible{background:#1c1530;border-color:#fff;outline:none}.skills-tab.on{background:#221a38;border-color:#fff27a}.skills-tab .dot{font-family:var(--font-pixel);color:#1a0b33;background:#fff27a;padding:0 5px;font-size:13px;font-style:normal;animation:1s steps(2,end) infinite skill-pending;position:absolute;top:-8px;right:-6px}@keyframes skill-pending{50%{background:#fff}}.skills-page{flex-direction:column;gap:10px;display:flex}.skills-root{border:2px dashed var(--edge-light);background:#0b0816;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.skills-root b{font-family:var(--font-pixel);color:#fff27a;font-size:17px;font-weight:400;display:block}.skills-root small,.skills .none{color:var(--muted);margin:2px 0 0;font-size:14px;display:block}.skills-root small.locked{color:#ff7a5c}.skills-tree{grid-template-columns:minmax(200px,1fr) minmax(0,3fr);gap:6px 10px;display:grid}.skills-step{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--muted);font-size:13px}.skills-forms{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.skills-mutations{flex-direction:column;gap:6px;display:flex}.skill-card{text-align:left;border:2px solid var(--e,var(--edge-light));background:#0b0816;grid-template-rows:auto auto 1fr;grid-template-columns:48px minmax(0,1fr);align-content:start;column-gap:8px;min-width:0;padding:6px;display:grid;position:relative}.skill-card .frame{grid-row:1/3}.skill-card b{min-width:0;font-family:var(--font-pixel);color:var(--e,var(--ink));font-size:14px;font-weight:400}.skill-card small{min-width:0;font-size:14px;line-height:1.25;display:block}.skill-card .state{color:var(--muted)}.skill-card .text{grid-column:1/-1;margin-top:4px}.skill-card.small .text{color:var(--muted);font-size:14px}.skill-card:not([disabled]):hover,.skill-card:not([disabled]):focus-visible{background:#1c1530;border-color:#fff;outline:none}.skill-card.chosen{background:#221a38;box-shadow:0 0 0 2px #fff27a}.skill-card.chosen .state{color:#fff27a}.skill-card.available{box-shadow:0 0 0 2px var(--xp);animation:1.2s steps(2,end) infinite skill-open}.skill-card.available .state{color:var(--xp)}@keyframes skill-open{50%{box-shadow:0 0 0 2px #fff}}.skill-card.locked,.skill-card.needs{opacity:.55}.skill-card.locked .frame img,.skill-card.needs .frame img{filter:grayscale(.7)brightness(.7)}.skill-card.asked{opacity:.8}.skills .frame{background:#101725;width:40px;height:40px;display:block;position:relative}.skill-card .frame{width:48px;height:48px}.skills .frame .skill-icon{width:100%;height:100%}.skills .frame[data-tier]:after{content:"I";font-family:var(--font-pixel);color:#0b0816;background:var(--e,#fff27a);padding:0 3px;font-size:11px;line-height:1.2;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 1px #0b0816}.skills .frame[data-tier="2"]:after{content:"II"}.skills .frame[data-tier="2"].mutated:after{content:"II★"}@media (width<=760px){.skills-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.skills-tree{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.skills-tab .dot,.skill-card.available{animation:none}}#hud.cursor .slot.ability{pointer-events:auto;cursor:pointer}#hud.free .slot.ability{cursor:pointer}.loader{--px:2px;--bone:#dcd6f0;z-index:1000;font-family:var(--font-pixel);font-size:calc(var(--px) * 8);text-transform:uppercase;color:var(--bone);user-select:none;mask-size:calc(var(--px) * 8) calc(var(--px) * 8);-webkit-mask-size:calc(var(--px) * 8) calc(var(--px) * 8);background:#0d0b14;place-items:center;line-height:1;display:grid;position:fixed;inset:0;overflow:hidden;-webkit-mask-repeat:repeat;mask-repeat:repeat}.loader[hidden]{display:none}.loader.leaving{pointer-events:none}.loader:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0003 0 2px,#0000 2px 4px);position:absolute;inset:0}.loader-veil{image-rendering:pixelated;position:absolute;top:0;left:0}.loader-stage{z-index:1;align-items:center;gap:calc(var(--px) * 6);flex-direction:column;max-width:100vw;display:flex;position:relative}.loader:not(.fonts) .loader-title,.loader:not(.fonts) .loader-label,.loader:not(.fonts) .loader-error,.loader:not(.fonts) .loader-retry{visibility:hidden}.loader-title{font-weight:400;font-size:calc(var(--px) * 24);letter-spacing:.06em;white-space:nowrap;margin:0;animation:1.2s step-end infinite loader-bob}.loader-title>span{background:linear-gradient(#fff 0 34%,#e9d5ff 34% 46%,#c9a2ff 46% 58%,#9146ff 58% 71%,#5a2bb0 71%);color:#0000;filter:drop-shadow(0 .125em #2a1256)drop-shadow(0 .125em #0d0620);-webkit-background-clip:text;background-clip:text;padding-left:.06em;display:block}.loader.failed .loader-title>span{filter:drop-shadow(0 .125em #5a0a22)drop-shadow(0 .125em #14040a);background-image:linear-gradient(#fff 0 34%,#ffe27a 34% 46%,#ffa23b 46% 58%,#ff4d5e 58% 71%,#c21f3a 71%)}.loader-label{letter-spacing:.12em;color:var(--muted,#a9a1c4);white-space:nowrap;margin:0}.loader-dots{font-style:normal;animation:1s step-end infinite loader-blink}.loader.failed .loader-dots{display:none}.loader-scene-box{width:calc(var(--px) * var(--w));height:calc(var(--px) * var(--h));flex:none;position:relative}.loader-scene-box canvas{image-rendering:pixelated;display:block}.loader-scene{width:100%;height:100%}.loader-portal{left:calc(var(--px) * var(--x));top:calc(var(--px) * var(--y));width:calc(var(--px) * 112);height:calc(var(--px) * 130);position:absolute}.loader-swirl{left:calc(var(--px) * 26);top:calc(var(--px) * 26);width:calc(var(--px) * 60);height:calc(var(--px) * 84);position:absolute;overflow:hidden}.loader-swirl-strip{width:calc(var(--px) * 60 * var(--frames));height:100%;animation:loader-swirl 1.2s steps(var(--frames), end) infinite}.loader-flash{visibility:hidden;width:100%;height:100%;position:absolute;inset:0}.loader.flash .loader-flash{visibility:visible}.loader.failed .loader-swirl-strip{filter:grayscale()brightness(.35);animation-play-state:paused}.loader-glow{width:100%;height:100%;position:absolute;inset:0}.loader-next{left:calc(var(--px) * var(--x));top:calc(var(--px) * var(--y));width:calc(var(--px) * 7);height:calc(var(--px) * 7);background:var(--rune) 0 0 / 100% 100% no-repeat;animation:.6s step-end infinite loader-blink;position:absolute}.loader.failed .loader-next{display:none}.loader-ember{left:calc(var(--px) * var(--x));top:calc(var(--px) * 64);width:calc(var(--px) * var(--s));height:calc(var(--px) * var(--s));opacity:0;animation:loader-ember var(--d) steps(18, end) var(--delay) infinite;background:#d9c4ff;position:absolute}.loader-ember:nth-child(2n){background:#9146ff}.loader.failed .loader-ember{display:none}.loader-firefly{left:calc(var(--px) * var(--x));top:calc(var(--px) * var(--y));width:var(--px);height:var(--px);box-shadow:0 0 0 var(--px) #fff27a38;opacity:0;animation:loader-fly var(--d) steps(1, end) var(--delay) infinite;background:#fff27a;position:absolute}.loader-error{max-width:min(calc(var(--px) * 240), 90vw);font-family:var(--font-text);font-size:calc(var(--px) * 7);text-align:center;text-transform:none;color:#ff9aa8;overflow-wrap:anywhere;margin:0;line-height:1.3}.loader-retry{height:calc(var(--px) * 14);padding:0 calc(var(--px) * 7);font:inherit;letter-spacing:.12em;color:#fff;cursor:pointer;box-shadow:inset 0 0 0 var(--px) #9146ff, 0 var(--px) 0 #0d0b14;background:#3a1a80;border:0}.loader-retry:hover,.loader-retry:focus-visible{box-shadow:inset 0 0 0 var(--px) #d9c4ff, 0 var(--px) 0 #0d0b14;background:#5a2bb0;outline:none}.loader-error[hidden],.loader-retry[hidden],.loader-next[hidden]{display:none}@keyframes loader-swirl{to{transform:translate(-100%)}}@keyframes loader-bob{50%{transform:translateY(calc(var(--px) * -1))}}@keyframes loader-blink{50%{opacity:0}}@keyframes loader-ember{0%{opacity:0;transform:translateY(0)}15%{opacity:1}80%{opacity:1}to{transform:translateY(calc(var(--px) * -84));opacity:0}}@keyframes loader-fly{0%,to{opacity:0;transform:none}20%{opacity:1;transform:translate(var(--px), calc(var(--px) * -1))}45%{opacity:1;transform:translate(calc(var(--px) * 3), calc(var(--px) * -3))}70%{opacity:1;transform:translate(calc(var(--px) * 5), calc(var(--px) * -2))}85%{opacity:0}}@media (prefers-reduced-motion:reduce){.loader-title,.loader-swirl-strip,.loader-next,.loader-dots{animation:none}.loader-ember,.loader-firefly{display:none}}