.battle-arena{--arena-gold:#ffbd42;--arena-blue:#648bff;background:#fff;padding-bottom:20px}.arena-cinema,.battle-arena{position:relative;isolation:isolate}.arena-cinema{overflow:hidden;min-height:660px;color:white;background:#060f1d}.arena-scenery,.arena-sparks,.arena-vignette{position:absolute;inset:0;pointer-events:none;z-index:-1}.arena-scenery{overflow:hidden;transform:translate3d(0,var(--scroll-shift,0),0) scale(1.04)}.arena-backdrop{object-fit:cover;object-position:center 52%;animation:arena-push 16s ease-in-out infinite alternate}.arena-vignette{z-index:1;background:linear-gradient(180deg,#040a1666,transparent 30%,#030b1733 70%,#030b17),linear-gradient(90deg,transparent 26%,#040c1444 42%,#040c1444 58%,transparent 74%)}.arena-topbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;padding:22px var(--site-gutter);gap:14px}.arena-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff30;border-radius:6px;background:#0c142cc9;font-size:10px;font-weight:750;letter-spacing:.1em;white-space:nowrap}.arena-status i{height:6px;width:6px;border-radius:50%;background:#9aa7bd}.arena-status.is-live i{background:#ff5069;box-shadow:0 0 12px #ff506980}.arena-series{font-size:10px;font-weight:650;letter-spacing:.18em;color:#c0cbdf}.arena-controls{display:flex;gap:6px}.arena-controls button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff30;border-radius:50%;color:#d5dfef;background:#09142680;cursor:pointer}.arena-controls button:hover{background:#263b60}.arena-heading{position:relative;z-index:2;text-align:center;width:min(540px,55%);margin:52px auto 0}.arena-camp-labels{display:flex;align-items:center;justify-content:center;gap:14px;text-transform:uppercase;font-size:11px;letter-spacing:.16em;font-weight:700}.arena-camp-labels span{display:flex;align-items:center;gap:7px;color:var(--arena-gold);animation:arena-camp-left .7s cubic-bezier(.2,.8,.2,1) .4s both}.arena-camp-labels span:last-child{color:#86b2ff;animation-name:arena-camp-right;animation-delay:.6s}.arena-camp-labels b{font-size:16px;color:#a5b5d0;animation:arena-word-impact .45s .95s both}.arena-heading h1{margin:20px 0 12px;line-height:.9;font-style:italic;letter-spacing:-.065em;transform:rotate(-3deg);text-shadow:0 5px 0 #112949,0 12px 30px #000a}.arena-heading h1 span{display:block;color:white;font-size:clamp(25px,3.5vw,50px);letter-spacing:-.035em;animation:arena-line-reveal .7s cubic-bezier(.2,.8,.2,1) 1.05s both}.arena-heading h1 strong{display:block;font-size:clamp(70px,9vw,128px);font-weight:950;color:var(--launch-accent);line-height:1.04;animation:arena-word-impact .85s cubic-bezier(.16,1,.3,1) 1.5s both}.arena-heading p{margin:18px auto;color:#d2def0;font-size:15px;line-height:1.6}.arena-heading p b{color:white;display:block;animation:arena-line-reveal .6s 2.35s both}.arena-heading p>span{display:block;animation:arena-line-reveal .6s 2s both}.arena-main-cta{display:inline-flex;align-items:center;gap:14px;margin-top:8px;padding:13px 22px;color:#0a1324;background:#ffcd57;border-radius:8px;box-shadow:0 5px 0 #9c621e,0 10px 35px #f4bd302a;font-size:13px;font-weight:800;text-decoration:none;animation:arena-cta-reveal .65s cubic-bezier(.2,.8,.2,1) 2.65s backwards;transition:transform .2s,box-shadow .2s}.arena-main-cta:hover{transform:translateY(-2px);box-shadow:0 7px 0 #9c621e,0 12px 35px #f4bd3044}.arena-emblems{display:flex;justify-content:center;align-items:center;gap:18px;margin:32px auto 0;perspective:600px;animation:arena-title-enter .8s 1.8s both}.arena-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;border:1px solid #ffdf86;box-shadow:3px 5px 0 #895515,0 8px 24px #efa93930;background:linear-gradient(135deg,#ffda7b,#a96110);color:#fff5d8;transform:rotate(-13deg);animation:arena-float 5s ease-in-out infinite}.arena-emblem svg{width:30px;height:30px}.emblem-blue{border-color:#a2c5ff;background:linear-gradient(135deg,#91c5ff,#315edf);box-shadow:3px 5px 0 #223b83,0 8px 24px #4269ed44;animation-delay:-2.5s;color:#e1efff}.arena-versus{font-size:24px;letter-spacing:-.08em;font-style:italic;font-weight:900;color:#fff;transform:rotate(-7deg)}.arena-scene-caption{display:flex;justify-content:space-between;max-width:1600px;margin:30px auto 0;padding:0 var(--site-gutter) 40px;gap:12px;font-size:9px;letter-spacing:.16em;color:#c3ccdb}.arena-scene-caption span:first-child{font-weight:700}.arena-beam{position:absolute;width:100%;height:2px;left:-25%;top:40%;background:linear-gradient(90deg,transparent,#ffc244,transparent);transform:rotate(-18deg);opacity:0;animation:arena-beam-pass 8s ease-in-out 1s infinite}.beam-blue{left:25%;top:60%;background:linear-gradient(90deg,transparent,#6aa8ff,transparent);animation-delay:4s;transform:rotate(18deg)}.arena-sparks{z-index:2;overflow:hidden}.arena-sparks i{position:absolute;left:var(--spark-x);bottom:0;width:2px;height:5px;background:#ffd887;border-radius:3px;opacity:0;animation:arena-spark var(--spark-duration) var(--spark-delay) linear infinite}.arena-sparks i:nth-child(2n){background:#8ebaff}.arena-slash{position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 42%,#ffc852aa 47%,transparent 53%);transform:translateX(-120%) rotate(-20deg);animation:arena-slash-enter 1.3s cubic-bezier(.2,.7,.2,1) both}.slash-blue{background:linear-gradient(80deg,transparent 42%,#568cffaa 47%,transparent 53%);animation-delay:.15s;animation-direction:reverse}.arena-vote-stack{position:relative;z-index:4;width:min(1120px,calc(100% - var(--site-gutter) * 2));margin:-20px auto 0}.arena-vote-stack>.arena-scoreboard,.arena-vote-stack>.battle-sponsored{width:100%;min-width:0}.arena-scoreboard{position:relative;z-index:4;margin:0;padding:22px 26px 14px;border:1px solid #e3e8f0;border-radius:18px;background:#fff;box-shadow:0 14px 44px #13244d12;scroll-margin-top:60px}.arena-scoreboard-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.arena-scoreboard-top>span:first-child{display:flex;align-items:center;gap:8px;color:#34465e;font-size:12px;font-weight:700}.arena-scoreboard-top>span:first-child svg{color:#d79a23}.arena-scoreboard .competition-clock{margin:0}.arena-scoreboard .clock-unit b{font-size:24px}.arena-scoreboard .clock-deadline{display:none}.arena-scoreboard .clock-label{font-size:10px}.arena-free{font-size:11px;color:#73829a}.arena-contenders{display:grid;grid-template-columns:1fr 1fr;gap:26px}.arena-contender{min-width:0;border-radius:10px;border:1px solid #eee4cb;padding:16px 18px;background:linear-gradient(115deg,#fffaf0,white 60%)}.contender-1{border-color:#e0e7fa;background:linear-gradient(115deg,#f5f8ff,white 60%)}.arena-contender-camp{display:flex;align-items:center;gap:5px;color:#9b6d17;font-size:9px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.contender-1 .arena-contender-camp{color:#5675c7}.arena-product{display:flex;align-items:center;gap:12px;margin-top:12px;text-decoration:none}.arena-product>div{flex:1;min-width:0}.arena-product>svg{color:#8495b0;flex-shrink:0}.arena-product .product-logo{width:42px;height:42px;box-shadow:0 3px 8px #26374c0c}.arena-product h2{font-size:20px;letter-spacing:-.035em;margin:0;color:#24334b}.arena-product p{font-size:12px;color:#72829a;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-vote-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.arena-vote-row>span{font-size:11px;color:#8794a6}.arena-vote-row strong{font-size:25px;letter-spacing:-.035em;color:#24334b;margin-right:4px}.arena-vote-row small{color:#9c6a0b;background:#fff0c8;padding:4px 7px;border-radius:12px}.arena-vote-row .duel-vote{background:#192438;color:white;border:0;border-radius:7px;font-size:11px;min-height:36px;padding:9px 12px}.arena-vote-row .duel-vote.selected{background:#416ace}.arena-vote-row .duel-vote:disabled{opacity:.55;cursor:default}.arena-score-line{display:flex;gap:4px;height:4px;margin-top:20px;overflow:hidden;border-radius:5px}.arena-score-line span:first-child{background:#ecb53f}.arena-score-line span:last-child{background:#648bff}.arena-score-labels{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#61728e;margin-top:7px}.arena-score-labels p{margin:0;text-align:center;font-size:10px}.arena-empty{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0}.arena-empty p{color:#728098;font-size:13px;max-width:520px}.arena-paused *,.arena-sleeping *{animation-play-state:paused!important}@keyframes arena-camp-left{0%{opacity:0;transform:translateX(-45px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes arena-camp-right{0%{opacity:0;transform:translateX(45px);filter:blur(5px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes arena-line-reveal{0%{opacity:0;transform:translateY(18px);clip-path:inset(100% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}@keyframes arena-word-impact{0%{opacity:0;transform:scale(1.35) translateY(-10px);filter:blur(8px)}65%{opacity:1;transform:scale(.98);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes arena-cta-reveal{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arena-push{0%{transform:scale(1)}to{transform:scale(1.055) translateY(-.8%)}}@keyframes arena-title-enter{0%{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes arena-float{0%,to{transform:translateY(0) rotate(-13deg) rotateY(-12deg)}50%{transform:translateY(-9px) rotate(-4deg) rotateY(15deg)}}@keyframes arena-beam-pass{0%,75%,to{opacity:0;translate:0 0}15%,45%{opacity:.6}60%{translate:0 140px;opacity:0}}@keyframes arena-spark{0%{translate:0 0;opacity:0}20%,65%{opacity:.65}to{translate:20px -400px;opacity:0}}@keyframes arena-slash-enter{0%{transform:translateX(-120%) rotate(-20deg)}to{transform:translateX(120%) rotate(-20deg)}}@media (min-width:1800px){.arena-cinema{min-height:740px}.arena-heading{margin-top:85px}}@media (max-width:760px){.arena-cinema{min-height:600px}.arena-topbar{padding-top:18px}.arena-series{display:none}.arena-heading{width:70%;margin-top:65px}.arena-heading h1 strong{font-size:clamp(64px,12vw,96px)}.arena-backdrop{object-position:center;opacity:.3}.arena-scenery:after,.arena-scenery:before{content:"";position:absolute;inset:0 50% 0 0;background:url(/images/battle-arena-v2.webp) 0/auto 480px no-repeat;mask-image:linear-gradient(90deg,black 30%,transparent),linear-gradient(0deg,transparent 5%,black 22%,black 75%,transparent 94%);mask-composite:intersect;opacity:.8}.arena-scenery:after{inset:0 0 0 50%;background-position:100%;mask-image:linear-gradient(270deg,black 30%,transparent),linear-gradient(0deg,transparent 5%,black 22%,black 75%,transparent 94%)}.arena-vignette{background:linear-gradient(90deg,#030d1755,#030d1799 50%,#030d1755),linear-gradient(0deg,#030d17,transparent 70%)}.arena-camp-labels{font-size:9px;gap:8px}.arena-heading p{font-size:13px}.arena-scene-caption{font-size:8px;margin-top:32px}.arena-scoreboard{padding:18px;border-radius:14px}.arena-scoreboard-top{align-items:flex-start;gap:10px}.arena-scoreboard-top>span:first-child{max-width:130px;font-size:11px}.arena-scoreboard .clock-copy{display:none}.arena-contenders{gap:12px}.arena-contender{padding:12px}.arena-product{align-items:flex-start;gap:8px;flex-wrap:wrap}.arena-product>div{flex-basis:calc(100% - 50px)}.arena-product>svg{display:none}.arena-product h2{font-size:17px}.arena-product p{white-space:normal;font-size:11px;line-height:1.4}.arena-vote-row{flex-direction:column;align-items:stretch;gap:8px;margin-top:12px}.arena-vote-row .duel-vote{width:100%;font-size:10px}.arena-score-labels p{font-size:9px}.arena-empty{flex-direction:column;align-items:flex-start}}@media (max-width:420px){.arena-heading{width:88%}.arena-cinema{min-height:580px}.arena-contenders{gap:8px}.arena-contender{padding:10px}.arena-product{flex-direction:column}.arena-product .product-logo{width:34px;height:34px}.arena-contender-camp{font-size:8px}.arena-vote-stack{width:calc(100% - 24px)}.arena-scoreboard{padding:14px}.arena-vote-row .duel-vote{padding:9px 5px}.arena-scene-caption span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.battle-arena *,.battle-arena :after,.battle-arena :before{animation:none!important;transition:none!important}.arena-beam,.arena-controls,.arena-slash,.arena-sparks{display:none}}