.arena-page{padding:110px clamp(12px,3vw,36px) 80px;max-width:1560px;margin:0 auto;position:relative}.arena-header{text-align:center;margin-bottom:26px}.arena-kicker{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.5em;color:#6f679a;margin-bottom:10px}.arena-title{margin:0;font-family:"Readex Pro",var(--font-body);font-weight:700;font-size:clamp(38px,6.5vw,64px);line-height:1.1;background:linear-gradient(110deg,#f2f0f8 12%,#a78bfa 38%,#22d3ee 60%,#f2f0f8 86%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 34px rgba(124,58,237,.35));animation:arena-title-sheen 7s ease-in-out infinite}@keyframes arena-title-sheen{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.arena-sub{margin:10px 0 0;color:#8d87a8;font-size:clamp(13px,1.6vw,16px);font-weight:500;letter-spacing:.01em}.arena-stage{position:relative;border-radius:30px;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,rgba(64,42,130,.34) 0,rgba(17,12,32,.55) 38%,rgba(6,4,12,.92) 100%),linear-gradient(180deg,#0b0816,#070510);border:1px solid rgba(124,58,237,.22);box-shadow:0 60px 140px -50px rgba(0,0,0,.95),0 0 120px -40px rgba(124,58,237,.35),inset 0 1px 0 rgba(255,255,255,.05);isolation:isolate}.arena-spotlight{position:absolute;top:-12%;left:50%;transform:translateX(-50%);width:min(900px,96%);aspect-ratio:1.15;background:radial-gradient(48% 42% at 50% 18%,rgba(167,139,250,.2) 0,rgba(167,139,250,.06) 42%,transparent 70%);pointer-events:none;z-index:0;animation:spotlight-breathe 9s ease-in-out infinite}@keyframes spotlight-breathe{0%,to{opacity:.85}50%{opacity:1}}.arena-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 160px 50px rgba(3,2,8,.85);border-radius:inherit}.arena-stage.flash-red .arena-vignette{animation:arena-flash-red .55s ease-out}@keyframes arena-flash-red{0%{box-shadow:inset 0 0 180px 70px rgba(160,16,28,.55)}to{box-shadow:inset 0 0 160px 50px rgba(3,2,8,.85)}}.arena-stage.flash-gold .arena-vignette{animation:arena-flash-gold .8s ease-out}@keyframes arena-flash-gold{0%{box-shadow:inset 0 0 190px 70px rgba(217,144,12,.4)}to{box-shadow:inset 0 0 160px 50px rgba(3,2,8,.85)}}.arena-stage.shake .arena-grid{animation:arena-shake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes arena-shake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(5px,-1px)}}.arena-grid{position:relative;z-index:3;display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:18px;padding:clamp(14px,2vw,26px);align-items:stretch}.arena-side{max-height:700px;display:flex;flex-direction:column;min-height:0}.arena-side>div{flex:1;min-height:0}.arena-center{display:flex;flex-direction:column;min-width:0}.arena-wheel-wrap{display:flex;justify-content:center;padding:6px 0 2px}.arena-wheel-box{position:relative;width:min(560px,100%,62vh);aspect-ratio:1/1}.arena-hub{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:9%;pointer-events:none;z-index:4;text-align:center}.arena-hub .hub-big{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,4.4vh,30px);color:#f2f0f8;line-height:1;text-shadow:0 0 22px rgba(167,139,250,.6)}.arena-hub .hub-small{margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.14em;color:#8d87a8}.arena-hub .gold{font-size:clamp(22px,4.6vh,34px)}.arena-floor{position:absolute;bottom:-7%;left:50%;transform:translateX(-50%);width:76%;height:13%;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,rgba(124,58,237,.3) 0,rgba(34,211,238,.08) 45%,transparent 75%);filter:blur(18px);pointer-events:none;z-index:-1}.arena-dock{width:100%;max-width:660px;margin:16px auto 0}.arena-wheel .arena-state-ring{transition:stroke .6s ease}.arena-wheel.phase-countdown .arena-state-ring,.arena-wheel.phase-lobby .arena-state-ring{stroke:#7c3aed;animation:ring-pulse 3.2s ease-in-out infinite}.arena-wheel.phase-countdown .arena-state-ring{animation-duration:1.1s}.arena-wheel.phase-spinning .arena-state-ring{stroke:#22d3ee;animation:ring-pulse .9s ease-in-out infinite}.arena-wheel.phase-resolving .arena-state-ring{stroke:#ef4444;animation:none}.arena-wheel.phase-judgement .arena-state-ring{stroke:#f59e0b;animation:ring-pulse 1.4s ease-in-out infinite}.arena-wheel.phase-victory .arena-state-ring{stroke:#f59e0b;animation:ring-pulse 2s ease-in-out infinite}@keyframes ring-pulse{0%,to{opacity:.45}50%{opacity:.95}}.rw-slice{transition:opacity .45s ease,filter .45s ease}.rw-slice.dim{opacity:.3;filter:saturate(.4) brightness(.6)}.rw-slice.lit{filter:brightness(1.5) saturate(1.25);animation:slice-strobe .9s ease-in-out 2}@keyframes slice-strobe{0%,to{filter:brightness(1.5) saturate(1.25)}50%{filter:brightness(2.1) saturate(1.5) drop-shadow(0 0 18px rgba(255,255,255,.45))}}.rw-slice.danger [data-p]{stroke:#ef4444;stroke-width:3.4;animation:danger-pulse .8s ease-in-out infinite}@keyframes danger-pulse{0%,to{stroke-opacity:.45}50%{stroke-opacity:1}}.rw-slice.ghost{animation:ghost-shimmer 3.6s ease-in-out infinite}@keyframes ghost-shimmer{0%,to{opacity:.5}50%{opacity:.9}}.rw-slice.away [data-av]{opacity:.45!important}.rw-hub-halo{animation:halo-breathe 4.5s ease-in-out infinite;transform-origin:center}@keyframes halo-breathe{0%,to{opacity:.75}50%{opacity:1}}.arena-join-btn{position:relative}.arena-join-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);transform:translateX(-130%);animation:join-sweep 2.8s ease-in-out infinite}[dir=rtl] .arena-join-btn:after{animation-name:join-sweep-rtl}@keyframes join-sweep{0%,55%{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes join-sweep-rtl{0%,55%{transform:translateX(130%)}to{transform:translateX(-130%)}}.arena-vol-slider{-webkit-appearance:none;appearance:none;width:74px;height:5px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(90deg,#a78bfa 0,#a78bfa var(--vol,70%),rgba(255,255,255,.12) var(--vol,70%),rgba(255,255,255,.12) 100%);transition:filter .2s}.arena-vol-slider:hover{filter:brightness(1.2)}.arena-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#f2f0f8;border:2px solid #a78bfa;box-shadow:0 0 8px rgba(124,58,237,.6);cursor:pointer;transition:transform .15s}.arena-vol-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.arena-vol-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#f2f0f8;border:2px solid #a78bfa;box-shadow:0 0 8px rgba(124,58,237,.6);cursor:pointer}.arena-vol-slider::-moz-range-track{height:5px;border-radius:99px;background:rgba(255,255,255,.12)}.arena-vol-slider::-moz-range-progress{height:5px;border-radius:99px;background:#a78bfa}@media (max-width:480px){.arena-vol-slider{width:52px}}.arena-scroll{scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.4) transparent}.arena-scroll::-webkit-scrollbar{width:5px;height:5px}.arena-scroll::-webkit-scrollbar-thumb{background:rgba(124,58,237,.35);border-radius:99px}.arena-scroll::-webkit-scrollbar-track{background:transparent}.arena-below{max-width:1280px;margin:34px auto 0;display:flex;flex-direction:column;gap:22px}.arena-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.arena-rule-card{background:linear-gradient(165deg,rgba(16,12,26,.8),rgba(9,7,16,.9));border:1px solid rgba(124,58,237,.16);border-radius:20px;padding:22px 20px;text-align:right;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s}.arena-rule-card:hover{transform:translateY(-4px);border-color:rgba(167,139,250,.4);box-shadow:0 18px 48px -16px rgba(124,58,237,.35)}.arena-rule-card .rule-icon{font-size:26px;display:block;margin-bottom:10px}.arena-rule-card h3{margin:0 0 7px;font-family:"Readex Pro",var(--font-body);font-size:16.5px;font-weight:700;color:#eceaf4}.arena-rule-card p{margin:0;font-size:13px;line-height:1.85;color:#8d87a8}.arena-meta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:16px;align-items:start}@media (max-width:1180px){.arena-grid{grid-template-columns:250px minmax(0,1fr) 250px;gap:12px}}@media (max-width:1020px){.arena-grid{grid-template-columns:1fr}.arena-center{order:0}.arena-side-roster{order:1;max-height:340px}.arena-side-feed{order:2;max-height:300px}.arena-wheel-box{width:min(520px,92vw,58vh)}.arena-meta-grid{grid-template-columns:1fr}}@media (max-width:680px){.arena-page{padding-top:96px}.arena-rules{grid-template-columns:1fr}.arena-stage{border-radius:22px}.arena-wheel-box{width:min(94vw,56vh)}}.arena-page.q2 .arena-state-ring,.arena-page.q3 .arena-state-ring{filter:none!important;animation:none!important;opacity:.6!important}.arena-page.q2 .rw-slice [data-badge] circle,.arena-page.q2 .rw-slice [data-ring],.arena-page.q3 .rw-slice [data-badge] circle,.arena-page.q3 .rw-slice [data-ring]{filter:none!important}.arena-page.q2 .arena-card,.arena-page.q3 .arena-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(11,8,18,.94)!important}.arena-page.q2 .arena-title,.arena-page.q3 .arena-title{animation:none!important;background-position:0 50%}.arena-page.q2 .arena-spotlight,.arena-page.q2 .rw-hub-halo,.arena-page.q3 .arena-spotlight,.arena-page.q3 .rw-hub-halo{animation:none!important}.arena-page.q3 .arena-wheel [filter]{filter:none!important}.arena-page.q3 .arena-floor,.arena-page.q3 .arena-join-btn:after,.arena-page.q3 .arena-spotlight{display:none}.arena-page.q3 .rw-slice.ghost{animation:none!important;opacity:.6}.arena-page.q3 .arena-rays{display:none!important}.arena-page.q3 .arena-stage.shake .arena-grid{animation:none!important}.arena-page.q3 .arena-stage{box-shadow:0 30px 80px -40px rgba(0,0,0,.8);background:linear-gradient(180deg,#0b0816,#070510)}.arena-page.q3 .arena-vignette{box-shadow:inset 0 0 90px 30px rgba(3,2,8,.8)}.arena-page.q3 .arena-stage.flash-gold .arena-vignette,.arena-page.q3 .arena-stage.flash-red .arena-vignette{animation:none!important}html[class*=arena-q] .film-grain,html[class*=arena-q] .fx-snow,html[class*=arena-q] .fx-spotlight,html[class*=arena-q] .fx-topo,html[class*=arena-q] .site-aurora{display:none!important}@media (prefers-reduced-motion:reduce){.arena-join-btn:after,.arena-spotlight,.arena-stage.shake .arena-grid,.arena-title,.arena-wheel .arena-state-ring,.rw-hub-halo,.rw-slice.ghost{animation:none!important}.arena-rule-card{transition:none}}