.arena{color:#fff;isolation:isolate;background:#0e0c1a;border-radius:28px;padding:28px 28px 24px;position:relative;overflow:clip;box-shadow:0 40px 100px #3c140047}.arena:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 50% 30%,#ff4d3d38,#0000 55%);animation:6s ease-in-out infinite breathe;position:absolute;inset:-40%}@keyframes breathe{0%,to{opacity:.7}50%{opacity:1}}.arena.flash-hit:after,.arena.flash-bust:after{content:"";pointer-events:none;animation:.28s ease-out forwards flash;position:absolute;inset:0}.arena.flash-hit:after{background:#ffcf702e}.arena.flash-bust:after{background:#ff4d3d38}@keyframes flash{0%{opacity:1}to{opacity:0}}.arena .eyebrow{color:var(--butter)}.arena h1{color:#fff}.arena .note{color:#ffffff8c}.topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dot{vertical-align:middle;background:#7a7a8a;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.dot.live{background:#3ddc84;animation:1.6s infinite pulse;box-shadow:0 0 #3ddc8499}.dot.reconnecting{background:var(--butter)}@keyframes pulse{0%{box-shadow:0 0 #3ddc8499}70%{box-shadow:0 0 0 10px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}.phase{font-family:var(--mono);letter-spacing:.18em;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}.phase.FULL{color:#062;background:#3ddc84}.phase.WOUNDED{background:var(--butter);color:var(--brown)}.phase.BLEEDING{color:#3a1200;background:#ff8a3d}.phase.ENRAGED{background:var(--red);color:#fff;animation:1s infinite pulse-red}.phase.DOWN{color:var(--ink);background:#fff}@keyframes pulse-red{0%,to{box-shadow:0 0 #ff4d3db3}50%{box-shadow:0 0 0 10px #ff4d3d00}}.bossrow{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:24px;margin-top:18px;display:grid}.boss{justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.boss svg{filter:drop-shadow(0 20px 40px #ff4d3d59);width:180px;height:180px}.boss.shake svg{animation:.45s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)rotate(-2deg)}40%,60%{transform:translate(7px)rotate(2deg)}}.floats{pointer-events:none;position:absolute;inset:0;overflow:visible}.float{font-family:var(--mono);white-space:nowrap;text-shadow:0 2px #0009;font-size:18px;font-weight:700;animation:1.4s ease-out forwards rise;position:absolute;bottom:40%}.float.hit{color:var(--butter);font-size:22px}.float.bust{color:var(--red)}.float.heal{color:#ff9db0;opacity:.9;font-size:14px}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-12px)scale(1.15)}to{opacity:0;transform:translateY(-110px)scale(1)}}.hpwrap{flex-direction:column;gap:10px;min-width:0;display:flex}.hptitle{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.hptitle .big{font-family:var(--mono);letter-spacing:-.02em;font-size:clamp(26px,4vw,44px);font-weight:700;line-height:1}.hpbar{background:#ffffff14;border-radius:12px;height:34px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.hpbar .fill{background:linear-gradient(90deg,#b3001b,#ff4d3d 60%,#ff8a3d);transition:width .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 30px #ff4d3d80}.hpbar .pending{background:repeating-linear-gradient(135deg,#ffcf7000 0 6px,#ffcf708c 6px 12px);transition:left .6s,width .6s;position:absolute;top:0;bottom:0}.hpbar .mark{background:#ffffffb3;width:2px;position:absolute;top:0;bottom:0}.hpbar .mark span{font-family:var(--mono);letter-spacing:.14em;color:#ffffffbf;font-size:9px;position:absolute;top:-2px;left:6px}.hpbar .ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000059 calc(10% - 1px) 10%);position:absolute;inset:0}.hplegend{font-family:var(--mono);color:#fff9;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;display:flex}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:22px;display:grid}.tile{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;min-width:0;padding:14px 16px}.tile .k{font-family:var(--mono);letter-spacing:.14em;color:var(--butter);font-size:10px}.tile .v{font-family:var(--mono);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px;font-size:24px;font-weight:700;line-height:1.1}.tile .s{font-family:var(--mono);color:#ffffff8c;margin-top:4px;font-size:11px}.tile.long .v{color:#3ddc84}.tile.short .v{color:#ff6b7a}.armies{grid-template-columns:1fr 1fr;align-items:center;gap:6px;margin-top:10px;display:grid}.armybar{background:#ffffff14;border-radius:5px;height:10px;display:flex;overflow:hidden}.armybar i{height:100%;display:block}.armybar .l{background:#3ddc84}.armybar .s{background:#ff6b7a}.battle{grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:22px;display:grid}.feed{scrollbar-width:thin;background:#00000059;border-radius:18px;flex-direction:column;gap:3px;max-height:460px;padding:10px;display:flex;overflow:auto}.ev{font-family:var(--mono);background:#ffffff08;border-left:2px solid #0000;border-radius:10px;grid-template-columns:62px 18px minmax(0,1fr);align-items:baseline;gap:8px;padding:7px 10px;font-size:12px;line-height:1.45;animation:.35s ease-out slide;display:grid}@keyframes slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.ev .t{color:#fff6;font-variant-numeric:tabular-nums}.ev .g{text-align:center;font-size:13px;line-height:1}.ev .line{color:#ffffffb8;overflow-wrap:anywhere;min-width:0}.ev .who{color:#fff;font-weight:700}.ev .amt{font-variant-numeric:tabular-nums;border-radius:5px;padding:0 4px;font-style:normal;font-weight:700}.ev .what{color:#fff6;white-space:nowrap;font-size:11px}.ev.hit{border-left-color:var(--butter);background:#ffcf7014}.ev.hit .g,.ev.hit .amt{color:var(--brown);background:var(--butter)}.ev.hit .g{color:var(--butter);background:0 0}.ev.bust{border-left-color:var(--red);background:#ff4d3d1f}.ev.bust .g{color:var(--red)}.ev.bust .amt{background:var(--red);color:#fff}.ev.heal{border-left-color:#ff9db080}.ev.heal .g{color:#ff9db0}.ev.heal .amt{color:#ffb3c2;background:#ff9db038}.ev.enter .g{color:#ffffff73}.ev.enter .line{color:#ffffff80}.ev.enter .who{color:#fffc}.tally{flex-direction:column;gap:10px;display:flex}.tally .tile .v{font-size:22px}.tally .tile.dmg .v{color:var(--butter)}.tally .tile.heal .v{color:#ff6b7a}.boards{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:start;gap:20px;margin-top:22px;display:grid}.board{background:#00000059;border-radius:18px;padding:14px}.board h3{letter-spacing:.14em;text-transform:uppercase;color:var(--butter);justify-content:space-between;gap:8px;margin:0 0 10px;font-size:13px;display:flex}.board h3 span{color:#fff6;letter-spacing:.06em;text-transform:none;font-weight:400;font-family:var(--mono);font-size:11px}.prow{font-family:var(--mono);border-radius:12px;grid-template-columns:22px 34px minmax(0,1fr) 84px;align-items:center;gap:10px;padding:8px;font-size:12px;display:grid}.prow:nth-child(odd){background:#ffffff08}.prow .rk{color:#fff6;font-family:var(--serif);text-align:center;font-size:16px;font-style:italic}.ava{border-radius:8px;width:34px;height:34px;display:block;box-shadow:0 0 0 1px #ffffff26,0 4px 10px #00000080}.prow .pid{flex-direction:column;gap:3px;min-width:0;display:flex}.prow .pname{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.prow .pcls{color:#ffffff73;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.prow .pcls b{letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:9px}.prow.paladin .pcls b{color:var(--butter);background:#ffcf7033}.prow.rogue .pcls b{color:#5ef0a0;background:#5ef0a02e}.prow.berserker .pcls b{color:#ff8a7d;background:#ff4d3d40}.prow .hp{background:#ffffff14;border-radius:3px;height:6px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.prow .hp i{background:linear-gradient(90deg,#ffb84d,var(--butter));border-radius:3px;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 0 10px #ffcf7080}.prow .pv{text-align:right;font-variant-numeric:tabular-nums;color:var(--butter);font-weight:700}.stones{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stone{text-align:center;font-family:var(--mono);background:linear-gradient(#4a4660 0%,#2f2b44 70%,#221f33 100%);border-radius:46% 46% 10px 10px/30% 30% 10px 10px;min-width:0;padding:12px 12px 14px;position:relative;box-shadow:inset 0 2px #ffffff24,inset 0 -8px #00000059,0 10px 20px #00000073}.stone:after{content:"";opacity:.9;background:radial-gradient(#1f4a2a,#0000 70%);border-radius:50%;height:8px;position:absolute;bottom:-6px;left:8%;right:8%}.stone .rip{letter-spacing:.22em;color:#ffffff80;justify-content:center;gap:6px;font-size:9px;display:flex}.stone .rip span{color:#ffffff4d;letter-spacing:0}.stone .snm{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;font-weight:700;overflow:hidden}.stone .loss{color:#ff6b7a;font-variant-numeric:tabular-nums;text-shadow:0 1px #0009;margin-top:2px;font-size:18px;font-weight:700}.stone .epitaph{font-family:var(--serif);color:#ffffff8c;overflow-wrap:anywhere;margin-top:6px;font-size:13px;font-style:italic;line-height:1.2}.battlefield{background:#00000059;border-radius:18px;margin-top:22px;padding:14px}.battlefield canvas{width:100%;height:auto;image-rendering:pixelated;border-radius:10px;display:block}.enrage{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:22px;display:grid}.sndbtn{color:#fff;height:34px;font-family:var(--mono);letter-spacing:.1em;background:0 0;border:1px solid #fff3;border-radius:999px;padding:0 12px;font-size:11px}.sndbtn.on{background:var(--butter);color:var(--brown);border-color:var(--butter)}.join{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.join .card h3{font-size:18px}.join .card p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.5}.ctas{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (max-width:860px){.arena{border-radius:20px;padding:18px 14px 16px}.bossrow{grid-template-columns:1fr;gap:10px}.boss{width:140px;height:140px;margin:0 auto}.boss svg{width:130px;height:130px}.battle{grid-template-columns:1fr}.ev{grid-template-columns:48px 14px minmax(0,1fr);gap:6px;padding:6px 8px;font-size:11px}.ev .what{white-space:normal;font-size:10px;display:block}.prow{grid-template-columns:18px 30px minmax(0,1fr) 72px;gap:8px;padding:7px 6px;font-size:11px}.ava{width:30px;height:30px}.stones{gap:8px}.stone{padding:10px 8px 12px}.stone .loss{font-size:16px}.stone .epitaph{font-size:12px}.boards,.join{grid-template-columns:1fr}.tile .v{font-size:20px}.feed{max-height:360px}}.bosshud{flex-direction:column;gap:10px;margin-top:16px;display:flex}.stagewrap{margin-top:14px;position:relative}.stagewrap.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both shake}.stage{aspect-ratio:16/7;background:radial-gradient(at 50% 70%,#231a34 0%,#120f22 55%,#0b0a16 100%);border-radius:20px;min-height:340px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 -60px 80px #00000080}.stage .floor{opacity:.9;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;position:absolute;inset:0}.stage .horizon{pointer-events:none;background:linear-gradient(#0000,#00000059);height:62%;position:absolute;bottom:0;left:0;right:0}.armylabel{font-family:var(--mono);letter-spacing:.2em;background:#0006;border-radius:999px;padding:5px 9px;font-size:10px;position:absolute;top:12px}.armylabel.long{color:#5ef0a0;left:12px}.armylabel.short{color:#ff7d8c;right:12px}.stage .boss{z-index:50;width:min(22%,210px);transition:filter .4s,transform .4s;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.stage .boss svg{filter:drop-shadow(0 20px 40px #ff4d3d59);width:100%;height:auto;animation:3.2s ease-in-out infinite breathe-boss;display:block}@keyframes breathe-boss{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.02)}}.stage .boss .aura{pointer-events:none;opacity:0;border-radius:50%;transition:opacity .5s;position:absolute;inset:-18%}.stage .boss.ENRAGED .aura{opacity:1;background:radial-gradient(circle,#ff1f0f73,#0000 65%);animation:1s ease-in-out infinite aura}.stage .boss.ENRAGED svg{animation-duration:1.1s}@keyframes aura{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.stage .boss.healing svg{filter:drop-shadow(0 0 30px #5ef0a0e6)}.stage .boss.flinch svg{animation:.36s ease-out flinch}@keyframes flinch{0%{filter:brightness();transform:translate(0)scale(1)}20%{filter:brightness(2.2);transform:translate(-10px)rotate(-4deg)scale(.96)}60%{transform:translate(8px)rotate(3deg)}to{transform:none}}.stage .boss.DOWN{filter:grayscale()brightness(.6);transform:translate(-50%)translateY(18%)scale(.9)}.stage .boss.DOWN svg{animation:none}.slash{pointer-events:none;border:4px solid #0000;border-radius:50%;width:60%;height:60%;animation:.45s ease-out forwards slash;position:absolute;top:30%}.slash.left{transform-origin:100%;border-top-color:#ff4d3d;border-left-color:#ff4d3d;right:70%}.slash.right{transform-origin:0;border-bottom-color:#ff4d3d;border-right-color:#ff4d3d;left:70%}@keyframes slash{0%{opacity:0;transform:rotate(-40deg)scale(.6)}30%{opacity:1}to{opacity:0;transform:rotate(30deg)scale(1.3)}}.f{width:calc(26px * var(--s,1));will-change:left,transform;transition:left .46s cubic-bezier(.3,.9,.3,1),opacity .4s,filter .3s;position:absolute;transform:translate(-50%)}.f svg{filter:drop-shadow(0 4px 6px #0009);width:100%;height:auto;display:block}.f.short svg{transform:scaleX(-1)}.f.enter{animation:.5s cubic-bezier(.2,.9,.3,1.2) drop}@keyframes drop{0%{opacity:0;transform:translate(-50%,-120px)}70%{opacity:1;transform:translate(-50%,6px)}to{transform:translate(-50%)}}.f.idle svg{animation:1.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.f.short.idle svg{animation-name:bob-flip}@keyframes bob-flip{0%,to{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-2px)}}.f.strike svg{animation:.46s ease-in lunge}@keyframes lunge{0%{transform:rotate(0)}to{transform:rotate(-14deg)scale(1.15)}}.f.short.strike svg{animation-name:lunge-flip}@keyframes lunge-flip{0%{transform:scaleX(-1)}to{transform:scaleX(-1)rotate(-14deg)scale(1.15)}}.f.loot{animation:.75s ease-in forwards loot}@keyframes loot{0%{opacity:1}to{opacity:0;transform:translate(-50%,-50px)}}.f.limp{filter:grayscale()brightness(.5);animation:.9s ease-in forwards limp}@keyframes limp{to{opacity:0;transform:translate(-50%,16px)rotate(8deg)}}.f.dead svg{animation:1.2s ease-out forwards explode}@keyframes explode{0%{filter:brightness(3);transform:scale(1)}25%{opacity:1;transform:scale(1.6)rotate(20deg)}to{opacity:0;transform:scale(.2)rotate(140deg)}}.f .lev{font-family:var(--mono);color:#fff;white-space:nowrap;background:#0009;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.f .lev.max{background:var(--red);animation:1s infinite pulse-red}.f .skull{color:#fff;font-size:22px;animation:1.2s ease-out forwards rise;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.f .bag{font-family:var(--mono);color:var(--butter);background:#5c4a2a;border-radius:4px;padding:0 4px;font-size:12px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.stage .floats{pointer-events:none;z-index:80;position:absolute;inset:0}.stage .float{font-size:20px}.stage .float.hit{font-size:26px}.stagecount{font-family:var(--mono);letter-spacing:.1em;color:#ffffff73;font-size:10px;position:absolute;bottom:10px;left:12px}.banner{z-index:90;text-align:center;pointer-events:none;background:#0e0c1ae0;border:1px solid #ffffff2e;border-radius:14px;max-width:90%;padding:14px 26px;animation:2.6s cubic-bezier(.2,.9,.2,1) forwards slam;position:absolute;top:28%;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0009}.banner .bt{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(18px,3vw,34px);font-weight:800;line-height:1}.banner .bs{font-family:var(--mono);color:#ffffffb3;margin-top:6px;font-size:12px}.banner.hit .bt{color:var(--butter)}.banner.bust .bt{color:var(--red)}.banner.whale .bt{color:#5ef0a0}.banner.phase.ENRAGED{border-color:var(--red);box-shadow:0 0 60px #ff4d3d80}.banner.phase.ENRAGED .bt{color:var(--red)}.banner.phase.DOWN .bt{color:#fff}@keyframes slam{0%{opacity:0;transform:translate(-50%)scale(2.2)}12%{opacity:1;transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%)scale(.95)}}@media (max-width:860px){.stage{aspect-ratio:4/3;border-radius:14px;min-height:300px}.stage .boss{width:30%;bottom:18%}.f{width:calc(18px * var(--s,1))}.armylabel{font-size:9px;top:8px}.banner{padding:10px 14px;top:22%}}