.arena-root{position:fixed;inset:0;height:100dvh;box-sizing:border-box;z-index:1000;display:grid;place-items:center;overflow:hidden;overscroll-behavior:contain;padding:16px;isolation:isolate;background:radial-gradient(1100px 520px at 50% -8%,#1d1634 0,#09070f 62%),#09070f}.arena-frame{position:relative;width:100%;height:100%;min-width:0;min-height:0;max-height:900px;max-width:1240px;margin:0 auto;display:grid;grid-template:auto minmax(0,1fr) /minmax(0,1fr);gap:10px}.arena-frame>*{min-width:0}.arena-header{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.arena-header>div{display:flex;align-items:baseline;gap:10px;min-width:0}.arena-header b{font:600 13px var(--font-display)}.arena-header>div>span{font-size:12px;color:var(--dust)}.arena-close{min-height:36px;gap:10px}.arena-close span{font-size:20px;line-height:1}.arena-playback{position:relative;min-height:0}.arena-playback-content{height:100%;min-height:0;display:grid;grid-template:auto minmax(0,1fr) auto /minmax(0,1fr);gap:10px}.arena-hud{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:end}.arena-team{display:grid;gap:6px;min-width:0}.arena-team-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0}.arena-team.side-B .arena-team-head{grid-template-columns:auto minmax(0,1fr)}.arena-team.side-B .arena-team-head b{grid-column:2;grid-row:1;text-align:right}.arena-team.side-B .arena-team-head span{grid-column:1;grid-row:1}.arena-team-head b{min-width:0;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis}.arena-team-head b,.arena-team-head span{font-family:var(--font-display);white-space:nowrap}.arena-team-head span{font-size:12px;color:var(--dust)}.arena-team-status{display:flex;justify-content:space-between;gap:6px;min-width:0;font-size:10px;font-variant-numeric:tabular-nums;color:var(--dust)}.arena-team.side-B .arena-team-status{flex-direction:row-reverse}.arena-bar{display:flex;gap:3px;height:18px;padding:2px;border:1px solid var(--rim-2);border-radius:4px;background:#0b0912;transform:skewX(-14deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 6px 18px -10px #000}.arena-team.side-B .arena-bar{transform:skewX(14deg)}.arena-bar .seg{position:relative;overflow:hidden;min-width:8px;border-radius:2px;background:#1a1526}.arena-bar .seg i,.arena-minibar i{position:absolute;inset:0;display:block;will-change:transform}.arena-team.side-A .seg i{transform-origin:left center}.arena-team.side-B .seg i{transform-origin:right center}.arena-bar .ghost{background:#fff1cf;opacity:.8}.arena-team.side-A .fill{background:linear-gradient(180deg,#ffd08a,var(--spot) 45%,var(--spot-2))}.arena-team.side-B .fill{background:linear-gradient(180deg,#cfc6ff,var(--combat) 45%,#6f5ce6)}.arena-bar .seg.out{background:repeating-linear-gradient(135deg,#1a1526 0 4px,#231d33 4px 8px)}.arena-round{display:grid;justify-items:center;gap:0;width:70px;padding:6px 0 4px;border:1px solid color-mix(in oklab,var(--spot) 55%,var(--rim-2));border-radius:10px;background:linear-gradient(180deg,#1f1a31,#120f1e);box-shadow:0 0 26px -12px var(--spot);overflow:hidden}.arena-round span{font-size:10.5px;color:var(--dust)}.arena-round b{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1;color:var(--spot);display:block}.arena-stage{position:relative;min-height:0;height:100%;border-radius:18px;overflow:hidden;border:1px solid var(--rim);isolation:isolate;background:#0d0b16}.arena-backwall{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 2px,transparent 2px 36px),radial-gradient(ellipse 70% 60% at 50% 28%,#2a2045,#120e1f 62%,#0a0812);transition:filter .3s ease}.arena-cone{position:absolute;top:-6%;width:46%;height:84%;mix-blend-mode:screen;filter:blur(8px);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);pointer-events:none}.arena-cone.a{left:2%;background:linear-gradient(180deg,rgba(255,182,72,.34),rgba(255,182,72,.06) 70%,transparent)}.arena-cone.b{right:2%;background:linear-gradient(180deg,rgba(157,140,255,.32),rgba(157,140,255,.05) 70%,transparent)}.arena-stage.pve .arena-cone.b{background:linear-gradient(180deg,rgba(255,90,107,.22),rgba(157,140,255,.05) 70%,transparent)}.arena-shelf{position:absolute;left:0;right:0;top:74%;bottom:0;background:linear-gradient(180deg,#17121f,#0b0910 60%)}.arena-shelf:before{content:"";position:absolute;left:0;right:0;top:-14px;height:16px;background:radial-gradient(28% 120% at 25% 100%,rgba(255,182,72,.38),transparent 70%),radial-gradient(28% 120% at 75% 100%,rgba(157,140,255,.34),transparent 70%),linear-gradient(180deg,#3b3052,#2a2140);border-top:1px solid rgba(255,226,170,.35)}.arena-shelf i{position:absolute;left:0;right:0;top:2px;height:6px;background:linear-gradient(90deg,transparent,rgba(245,210,122,.35),transparent);opacity:.5}.arena-glass{position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.045) 38%,transparent 44%,transparent 70%,rgba(255,255,255,.03) 74%,transparent 77%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 90px rgba(0,0,0,.65)}.arena-cast{position:absolute;inset:0 0 76px;z-index:2}.arena-fighter{--w:clamp(72px,min(11.5vw,22vh),148px);position:absolute;bottom:26%;width:var(--w);transform:translateX(-50%);z-index:3}.arena-fighter.side-A.slot-0{left:37%}.arena-fighter.side-A.slot-1{left:24%;bottom:31%;z-index:2;--w:clamp(62px,min(10vw,19vh),128px)}.arena-fighter.side-A.slot-2{left:11%}.arena-fighter.side-B.slot-0{left:63%}.arena-fighter.side-B.slot-1{left:76%;bottom:31%;z-index:2;--w:clamp(62px,min(10vw,19vh),128px)}.arena-fighter.side-B.slot-2{left:89%}.arena-stage.pve .arena-fighter.side-A.slot-0{left:31%;--w:clamp(84px,min(13vw,24vh),160px)}.arena-stage.pve .arena-fighter.side-B.slot-0{left:69%}.arena-fighter.boss{--w:clamp(104px,min(17vw,29vh),220px)}.arena-entry{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center}.arena-body,.arena-entry{position:relative;width:100%}.arena-body{will-change:transform;z-index:1}.arena-art{position:relative;width:100%}.arena-art-inner{width:100%;aspect-ratio:1}.arena-art-inner img,.arena-art-inner svg{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 16px rgba(0,0,0,.55))}.arena-boss-art{object-fit:contain;aspect-ratio:1}.arena-hitflash{position:absolute;inset:8% 4%;border-radius:50%;background:radial-gradient(circle,rgba(255,250,235,.9),rgba(255,210,140,.35) 45%,transparent 70%);mix-blend-mode:screen;pointer-events:none}.arena-shadow{width:84%;height:12px;margin-top:-9px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.75),transparent)}.arena-health{width:100%;display:grid;justify-items:center;gap:3px;margin-bottom:5px}.arena-health-value{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dust)}.arena-minibar{position:relative;width:66%;height:5px;border-radius:3px;overflow:hidden;background:rgba(0,0,0,.55);box-shadow:0 0 0 1px rgba(255,255,255,.06)}.arena-minibar i{transform-origin:left center}.arena-minibar .ghost{background:#fff1cf;opacity:.7}.side-A .arena-minibar .fill{background:var(--spot)}.side-B .arena-minibar .fill{background:var(--combat)}.arena-fighter.gone .arena-health{opacity:.7}.arena-plate{position:relative;margin-top:8px;padding:3px 5px 4px;border-radius:5px;text-align:center;white-space:nowrap;line-height:1.25;width:100%;min-width:0;max-width:100%;overflow:hidden}.arena-plate b{font-size:11.5px;font-weight:600}.arena-plate b,.arena-plate span{display:block;overflow:hidden;text-overflow:ellipsis}.arena-plate span{font-size:10px;color:var(--dust);text-transform:none}.arena-plate span i{font-style:normal;font-size:8px;vertical-align:1px}.arena-plate em{display:block;font-style:normal;font-size:10px;color:var(--burn)}.arena-knockout{color:var(--burn);font-weight:700}.arena-plate.t0,.arena-plate.t1,.arena-plate.t2,.arena-plate.t3,.arena-plate.t4,.arena-plate.t5{border-width:1px}.arena-fighter.gone .arena-plate{opacity:.55}.arena-canvas{width:100%;height:100%;z-index:6}.arena-canvas,.arena-pops{position:absolute;inset:0;pointer-events:none}.arena-pops{z-index:8}.arena-pop{position:absolute;width:max-content;max-width:140px;display:grid;justify-items:center;gap:4px;padding:6px 9px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(12,9,20,.94);box-shadow:0 4px 20px #0009}.arena-pop b{font-family:var(--font-display);font-weight:700;font-size:clamp(18px,2vw,25px);line-height:1.2;white-space:nowrap;color:var(--ivory)}.arena-pop.side-B b{color:#ffb3bb}.arena-pop.crit{border-color:#ffb64880}.arena-pop.crit b{color:#ffd27a}.arena-hit-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 6px}.arena-hit-badges span{white-space:nowrap;font-size:10px;font-weight:600;color:var(--spot)}.arena-hit-badges .edge{color:#9cdeb2}.arena-feed{position:absolute;bottom:12px;left:12px;right:12px;z-index:10;display:grid;gap:5px;min-height:55px;padding:9px 12px;border:1px solid #ffffff12;border-radius:10px;background:#0c0915eb}.arena-feed-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--dust)}.arena-feed-heading>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-feed-heading>span:last-child{flex-shrink:0}.arena-feed-hit{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px}.arena-feed-hit>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-feed-hit i{color:var(--dust);padding:0 3px;font-style:normal}.arena-feed-hit strong{margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--spot)}.arena-feed-hit small{font-weight:400;color:var(--dust)}.arena-feed-hit em{flex-shrink:0;font-size:9px;font-style:normal;font-weight:700;color:var(--spot)}.arena-feed-hit em.edge{color:#9cdeb2}.arena-feed-hit em.ko{color:var(--burn)}.arena-call{position:absolute;inset:0 0 76px;z-index:9;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;pointer-events:none;padding:0 16px;background:#0c09154d}.arena-call b{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,60px);line-height:1.2;letter-spacing:-.035em;color:var(--ivory);text-shadow:0 4px 18px #000}.arena-call span{font-size:clamp(14px,1.6vw,18px);color:var(--dust)}.arena-call.round b{color:var(--spot)}.arena-call.line b{background:linear-gradient(180deg,#fff2c8,#f5d27a 55%,#c08a2a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 rgba(0,0,0,.6))}.arena-call.ko{place-content:start center;padding-top:9%}.arena-call.ko b{font-size:clamp(22px,3.6vw,40px);color:#ffc2c8}.arena-call.versus{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;place-content:center stretch;padding:0}.arena-call.versus:before{content:"";position:absolute;left:0;right:0;top:50%;height:34%;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(10,8,18,.88) 18%,rgba(10,8,18,.88) 82%,transparent);z-index:-1}.arena-call.versus b{font-size:clamp(20px,4vw,48px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.arena-call.versus .a{justify-self:end;color:#ffd08a}.arena-call.versus .b{justify-self:start;color:#cfc6ff;text-shadow:0 4px 0 rgba(0,0,0,.6),0 0 50px rgba(157,140,255,.4)}.arena-call.versus .vs{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--rim-2);font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--ivory);background:#120f1e}.arena-result-overlay{position:absolute;inset:46px 0 0;z-index:20;display:grid;place-items:center;padding:16px;border-radius:16px;background:rgba(6,5,12,.75)}.arena-result{position:relative;min-height:0;max-height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;width:min(440px,100%);display:grid;gap:14px;padding:22px;border-radius:16px;border:1px solid var(--rim-2);background:linear-gradient(180deg,#211b35,#120f1e);box-shadow:0 40px 90px -30px #000,inset 0 1px 0 rgba(255,255,255,.06)}.arena-result.won{box-shadow:0 40px 90px -30px #000,0 0 60px -20px var(--spot),inset 0 1px 0 rgba(255,255,255,.06)}.arena-result-line{font-size:13px;color:var(--dust)}.arena-result-title{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,6vw,60px);line-height:.95;letter-spacing:-.035em}.arena-result.won .arena-result-title{background:linear-gradient(180deg,#fff2c8,var(--spot) 60%,var(--spot-2));-webkit-background-clip:text;background-clip:text;color:transparent}.arena-result.lost .arena-result-title{color:var(--burn)}.arena-result-kv{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:14px}.arena-result-kv dt{color:var(--dust)}.arena-result-kv dd{margin:0;font-family:var(--font-display);font-weight:600}.arena-seed{display:grid;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid var(--rim);background:#0c0a14}.arena-verification{border-top:1px solid var(--rim);padding-top:10px;min-width:0}.arena-verification>summary{cursor:pointer;font-size:12px;color:var(--dust);padding:4px 0}.arena-verification[open]>summary{margin-bottom:8px}.arena-seed-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dust)}.arena-seed>code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;color:var(--ivory)}.arena-seed p{font-size:12px;color:var(--dust)}.arena-seed p code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--ivory)}.arena-result-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;background:#171226;padding:10px 0 2px}.arena-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arena-speed{display:inline-flex;border:1px solid var(--rim-2);border-radius:8px;overflow:hidden}.arena-speed .btn{border:0;border-radius:0;min-width:42px}.arena-speed .btn.on{background:var(--case-2);color:var(--spot)}.arena-controls .btn:active:not(:disabled){transform:scale(.97)}.arena-spacer{flex:1}.arena-note{font-size:12px;max-width:46ch}.arena-log-panel{position:absolute;inset:0;z-index:15;display:flex;flex-direction:column;gap:12px;min-height:0;padding:16px;border:1px solid var(--rim-2);border-radius:14px;background:#110d1c}.arena-log-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.arena-log-header b{font-size:14px}.arena-log-panel ol{min-height:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;padding:0;margin:0}.arena-log-panel li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:4px 8px;padding:9px 0;border-bottom:1px solid var(--rim);font-size:13px}.arena-log-panel li b{font-variant-numeric:tabular-nums;color:var(--spot)}.arena-log-panel li small{grid-column:2/-1;color:var(--dust)}.arena-log-note{font-size:12px;margin-top:auto}.arena-demo-tag{position:absolute;top:10px;right:12px;z-index:12;font-size:11px;padding:2px 9px;border-radius:999px;border:1px dashed var(--dust-2);color:var(--dust);background:rgba(0,0,0,.4)}.arena-reduced-content{display:grid;align-content:start;gap:16px;min-height:0;overflow-y:auto;padding:0 4px 12px}.arena-reduced-content .arena-result{justify-self:center;max-height:none;overflow:visible}.arena-simple{display:grid;gap:14px;padding:14px;border:1px solid var(--rim);border-radius:14px;background:var(--case)}.arena-simple-teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.arena-simple-log,.arena-simple-log ul,.arena-simple-teams ul{list-style:none;margin:0;padding:0}.arena-simple-teams li{display:grid;grid-template-columns:minmax(0,1fr) 90px auto;gap:10px;align-items:center;font-size:13px;padding:3px 0}.arena-simple-log{display:grid;gap:10px;max-height:40vh;overflow-y:auto;font-size:13px}.arena-simple-log>li>b{font-size:12px;color:var(--dust)}.arena-simple-log li.theirs{color:var(--dust)}.arena-simple-log em{color:var(--burn);font-style:normal}@media (max-width:640px){.arena-root{padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px))}.arena-frame{gap:10px}.arena-hud{gap:8px}.arena-team-head{gap:4px}.arena-team-head span{font-size:10px}.arena-stage{border-radius:12px}.arena-header>div{gap:6px}.arena-header b{font-size:11px}.arena-header>div>span{font-size:10px}.arena-fighter,.arena-fighter.side-A.slot-1,.arena-fighter.side-B.slot-1{--w:clamp(56px,20vw,100px)}.arena-fighter.side-A.slot-0,.arena-fighter.side-A.slot-1,.arena-fighter.side-A.slot-2{left:24%}.arena-fighter.side-B.slot-0,.arena-fighter.side-B.slot-1,.arena-fighter.side-B.slot-2{left:76%}.arena-fighter.side-A.slot-0,.arena-fighter.side-B.slot-0{bottom:35%}.arena-fighter.side-A.slot-1,.arena-fighter.side-B.slot-1{bottom:67%}.arena-fighter.side-A.slot-2,.arena-fighter.side-B.slot-2{bottom:3%}.arena-stage.pve .arena-fighter.side-A.slot-0{left:25%;bottom:32%;--w:clamp(96px,30vw,156px)}.arena-stage.pve .arena-fighter.side-B.slot-0{left:75%;bottom:32%}.arena-fighter.boss{--w:clamp(100px,33vw,165px)}.arena-plate{margin-top:5px;padding:3px 4px}.arena-plate span{font-size:9px}.arena-plate b{font-size:10px}.arena-plate em{font-size:9px}.arena-round{width:44px}.arena-round b{font-size:20px}.arena-team-head b{font-size:10px}.arena-bar{height:14px}.arena-bar .seg{min-width:0}.arena-controls{gap:6px}.arena-controls .btn{min-height:40px;padding-left:10px;padding-right:10px;font-size:12px}.arena-speed .btn{min-width:34px}.arena-spacer{display:none}.arena-controls>.btn:last-child,.arena-controls>.btn:nth-last-child(2){margin-left:auto}.arena-note{display:none}.arena-result-overlay{padding:8px}.arena-result{padding:18px}.arena-feed{bottom:8px;left:8px;right:8px;padding:8px}.arena-feed-hit{gap:5px;font-size:11px}.arena-feed-hit small{display:none}.arena-call.versus{gap:8px}.arena-call.versus .vs{width:38px;height:38px;font-size:12px}.arena-call.versus b{min-width:0;font-size:16px}.arena-call.ko{padding-top:2%}.arena-simple-teams{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px) and (max-height:700px){.arena-fighter,.arena-fighter.side-A.slot-1,.arena-fighter.side-B.slot-1{--w:clamp(44px,14vw,64px)}.arena-health-value{font-size:8px}.arena-stage:not(.pve) .arena-fighter-meta,.arena-stage:not(.pve) .arena-health-value{display:none}.arena-stage:not(.pve) .arena-plate{width:82px;max-width:none}.arena-plate b{font-size:9px}.arena-stage.pve .arena-fighter.side-A.slot-0{--w:90px;bottom:22%}.arena-stage.pve .arena-fighter.side-B.slot-0{bottom:22%;--w:110px}}@media (max-height:480px) and (min-width:641px){.arena-root{padding:8px 16px}.arena-frame,.arena-playback-content{gap:6px}.arena-fighter,.arena-fighter.side-A.slot-1,.arena-fighter.side-B.slot-1{--w:65px;bottom:5%}.arena-stage.pve .arena-fighter.side-A.slot-0,.arena-stage.pve .arena-fighter.side-B.slot-0{--w:80px;bottom:5%}.arena-fighter-meta,.arena-health-value{display:none}}.arena-entry.winner{animation:arena-win-bob 1.1s ease-in-out .4s infinite}.arena-stage[data-paused] .arena-entry.winner{animation-play-state:paused}@keyframes arena-win-bob{0%,to{translate:0 0}50%{translate:0 -10px}}@media (prefers-reduced-motion:reduce){.arena-entry{transition:none!important}.arena-entry.winner{animation:none}}