body:not(.arena-entered){overflow:hidden}.arena-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:linear-gradient(rgba(1,10,19,.3),rgba(1,10,19,.74)),url('assets/arena.webp') center/cover no-repeat;transition:opacity .8s,visibility .8s}
.arena-gate::before,.arena-gate::after{content:"";position:absolute;top:-20vh;width:20vw;height:120vh;background:linear-gradient(rgba(255,223,126,.38),transparent 68%);filter:blur(20px);animation:gateSweep 5s ease-in-out infinite alternate}
.arena-gate::before{left:8%;transform:rotate(16deg)}.arena-gate::after{right:8%;transform:rotate(-16deg);animation-delay:-2.5s}.arena-gate.is-open{opacity:0;visibility:hidden;pointer-events:none}
.gate-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 20%,rgba(0,5,12,.78) 85%)}
.gate-content{position:relative;z-index:2;width:min(720px,92vw);padding:2rem;text-align:center;background:linear-gradient(145deg,rgba(3,22,39,.76),rgba(0,62,43,.58));border:1px solid var(--gold);border-radius:24px;box-shadow:0 35px 100px #000,0 0 60px rgba(0,168,107,.2);backdrop-filter:blur(14px)}
.gate-content img{width:clamp(105px,18vw,170px);filter:drop-shadow(0 12px 24px #000)}.gate-content h1{margin:.3rem 0;font:700 clamp(2.8rem,7vw,6rem)/.9 Oswald;text-transform:uppercase}.gate-content h1 span{display:block;color:var(--gold2)}.gate-content>p:not(.eyebrow){font-size:1.05rem;color:#dce8e5}.gate-enter{margin-top:.7rem;min-width:240px}.gate-skip{display:block;margin:.9rem auto .5rem;border:0;background:none;color:#fff;text-decoration:underline;cursor:pointer}.gate-content small{display:block;color:#9fb0b8}
.sound-toggle{position:fixed;right:2vw;top:174px;z-index:12;border:1px solid var(--gold);border-radius:99px;padding:.5rem .75rem;background:rgba(2,14,25,.82);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;cursor:pointer}.sound-toggle[aria-pressed=true]{background:var(--gold);color:var(--ink)}.arena-experience.story-ended .sound-toggle{display:none}
@keyframes gateSweep{from{opacity:.3;transform:translateX(-10%) rotate(16deg)}to{opacity:.85;transform:translateX(12%) rotate(5deg)}}
@media(max-width:650px){.gate-content{padding:1.35rem}.gate-content h1{font-size:3rem}.gate-content>p:not(.eyebrow){font-size:.95rem}.sound-toggle{top:128px;right:.7rem}.arena-entered .arena-experience .mode-switch{top:78px}.room-actions .button{flex-basis:100%}}