.arena-menu{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(at 78% 40%,#1a67644a,#0000 55%),linear-gradient(110deg,#080f1bf5 0%,#0b1625f0 48%,#091721d9);gap:clamp(24px,6vw,100px);padding:clamp(24px,5vh,64px) clamp(24px,6vw,96px)}.menu-copy{flex-shrink:0;width:440px;max-width:45%}.menu-copy h1{font:800 clamp(35px,4.3vw,66px)/1.02 var(--font);letter-spacing:-.065em;margin:30px 0 20px}.menu-copy h1 span{color:#a6ede1}.menu-season{color:#6c8592;letter-spacing:.14em;margin-left:12px}.menu-intro{color:#a8bcc7;margin-bottom:20px;font-size:14px}.match-facts{color:#8198a6;border-bottom:1px solid #a6c7d125;gap:26px;margin-bottom:23px;padding-bottom:22px;font-size:11px;display:flex}.match-facts b{color:#e9f1f0;margin-right:4px;font-size:20px;font-weight:500}.name-label,.loadout label{font:10px var(--font);letter-spacing:.14em;font-weight:600}.name-label input,.loadout select{background:#102130;border-color:#aecfdb26;border-radius:8px;min-height:46px}.name-label input:focus-visible,.loadout select:focus-visible{outline-offset:3px;outline:2px solid #a6ede1}.name-label input:disabled,.loadout select:disabled{opacity:.65}.loadout{margin:16px 0 20px}#enter-arena{color:#081a1c;clip-path:none;min-height:57px;font:750 13px var(--font);letter-spacing:.1em;background:#b4f0df;border-radius:9px;box-shadow:0 8px 28px #53d5be15}#enter-arena:hover{background:#d0ffef;transform:translateY(-1px)}#enter-arena:focus-visible{outline-offset:4px;outline:2px solid #fff}#connection-status{color:#8faab5;margin:14px 0 18px;font-size:11px;line-height:1.7}.menu-options{border-top:1px solid #a6c7d125;padding-top:16px}.menu-options summary{color:#b4c7d0;cursor:pointer;font-size:12px}.menu-options p{color:#8fa8b4;font-size:11px;line-height:1.9}.exit-link{color:#9eb2c0;margin-top:21px;display:inline-block}.settings{flex-wrap:wrap}.settings input{accent-color:#a6ede1}.loadout-showcase{flex-direction:column;flex:1;justify-content:center;align-self:stretch;min-width:0;max-width:700px;display:flex}.showcase-top{color:#78919f;font:9px var(--mono);letter-spacing:.15em;border-bottom:1px solid #a6c7d125;justify-content:space-between;padding:18px 0;display:flex}.showcase-dot{color:#a6ede1}.showcase-dot:before{content:"●";margin-right:7px;font-size:7px}.loadout-showcase iframe{pointer-events:none;border:0;width:100%;height:clamp(260px,46vh,490px)}.showcase-map{background:linear-gradient(120deg,#1b35475e,#0b172730);border:1px solid #91b6c42b;border-radius:12px;align-items:center;gap:24px;padding:24px;display:flex}.map-number{font:300 46px var(--font);color:#5e8993}.showcase-map h2{letter-spacing:.15em;margin:5px 0;font-size:24px}.showcase-map p{color:#8ba3b0;margin:4px 0;font-size:11px}.map-cross{color:#7dd7cb;margin-left:auto;font-size:34px}.leave-match{color:#f6b299;cursor:pointer;background:0 0;border:1px solid #f6b29955;border-radius:8px;width:100%;margin-top:10px;padding:12px}@media (max-width:800px){.arena-menu{gap:24px;padding:24px}.menu-copy{max-width:53%}.menu-season{display:none}.showcase-top{letter-spacing:0;font-size:8px}.showcase-map{gap:12px;padding:15px}.map-cross{display:none}.map-number{font-size:30px}.showcase-map h2{font-size:18px}.loadout-showcase iframe{height:300px}}@media (max-width:600px){.arena-menu{padding:28px 24px;display:block}.menu-copy{width:100%;max-width:100%}.menu-copy h1{margin:22px 0 16px;font-size:42px}.loadout-showcase{display:none}.match-facts{gap:26px}.menu-intro{font-size:13px}}@media (max-height:780px) and (min-width:601px){.arena-menu{align-items:flex-start;padding-top:22px;padding-bottom:22px}.menu-copy h1{margin:16px 0;font-size:42px}.match-facts{margin-bottom:12px;padding-bottom:12px}.loadout-showcase{align-self:flex-start}.loadout-showcase iframe{height:360px}}@media (prefers-reduced-motion:reduce){#enter-arena:hover{transform:none}}