.brand-main{letter-spacing:.045em;font-size:19px}.brand-mark{width:44px;height:44px}.brand{gap:10px}.header-inner{min-height:80px}.sound-toggle{color:#8ce7f4;background:#12222b;border:1px solid #2b4953;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:13px;display:inline-flex}.sound-toggle.is-muted{color:var(--muted);border-color:var(--line);background:0 0}.btn{transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(1px)scale(.985)}.btn-primary:hover{box-shadow:0 0 28px #59d7ea28}.arena-lobby{isolation:isolate;background:#080f16;border-bottom:1px solid #233a47;position:relative;overflow:clip}.arena-background{z-index:-3;object-fit:cover;object-position:65% 43%;opacity:.9;animation:1.2s ease-out both arena-emerge}.arena-shade{z-index:-2;background:linear-gradient(90deg,#061018eb 0%,#061018bf 30%,#06101813 74%),linear-gradient(#070d1470 0%,#080f1600 50%,#080f16 100%);position:absolute;inset:0}.arena-content{padding-top:26px}.arena-topline{color:#c2d5e0;justify-content:space-between;align-items:center;gap:20px;font-size:14px;display:flex}.arena-topline p{color:#d9e9f2}.arena-topline>span{letter-spacing:.035em;text-align:right;font-size:12px}.arena-main{grid-template-columns:1fr 310px;align-items:center;gap:70px;padding-block:54px 38px;display:grid}.arena-copy{max-width:610px;animation:.7s ease-out .1s both arena-rise}.arena-eyebrow{letter-spacing:.18em;color:#90dfee;margin-bottom:22px;font-size:12px;font-weight:750}.arena-copy h1{letter-spacing:-.055em;text-shadow:0 4px 35px #0006;font-size:clamp(58px,6.4vw,94px);font-weight:850;line-height:.99}.arena-copy h1 span{color:#66e5f4}.arena-intro{color:#bdcfdb;max-width:360px;margin-top:24px;font-size:17px;line-height:1.65}.arena-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.arena-actions .btn{min-height:52px;padding-inline:23px}.arena-primary{background:#88e9f6;box-shadow:0 5px 35px #59d7ea15}.arena-actions .btn-ghost{background:#0a1726a6;border-color:#57717c}.arena-selected{color:#9bafbc;margin-top:15px;font-size:12px}.arena-selected span{color:#d6e6ef}.reaction-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#1b31418c,#081421e6);border:1px solid #95dcf345;border-radius:28px;padding:22px 23px 15px;animation:.8s ease-out .15s both arena-rise;box-shadow:0 20px 80px #0004,inset 0 1px #ffffff0d}.reaction-top,.reaction-bottom{letter-spacing:.12em;color:#a7c4d4;justify-content:space-between;gap:12px;font-size:12px;display:flex}.reaction-top>span:first-child{color:#e7f5fb;font-weight:750}.reaction-target{color:#def6ff;background:0 0;border:none;flex-direction:column;align-items:center;gap:10px;width:100%;min-height:237px;padding:10px 0 16px;display:flex}.reaction-target strong{letter-spacing:.02em;font-size:16px;line-height:1.3}.reaction-target>span:last-child{color:#afc6d2;font-size:12px;line-height:1.5}.reticle{background:radial-gradient(circle,#62ceef16,#62ceef00 70%);border:1px solid #84c1db2e;border-radius:50%;place-items:center;width:136px;height:136px;margin-block:12px;transition:background .16s,color .16s;display:grid}.reticle svg{stroke:currentColor;stroke-width:1px;color:#7ec8e0;width:106px;height:106px;transition:transform .2s}.reaction-target:hover .reticle svg{transform:rotate(45deg)}[data-phase=waiting] .reticle{color:#d9a85f;background:#9b5e1a26}[data-phase=waiting] .reticle svg{color:#d9a85f}[data-phase=ready] .reticle{background:#85eeff;box-shadow:0 0 45px #82ecff77}[data-phase=ready] .reticle svg{color:#082028}[data-phase=ready] .reaction-target strong{color:#85eeff}[data-phase=early] .reticle{background:#b5464633}[data-phase=early] .reticle svg{color:#ff9c8f}.reaction-bottom{border-top:1px solid #84c1db25;align-items:center;padding-top:14px}.reaction-bottom b{color:#fff;letter-spacing:0;font-size:17px}.reaction-note{color:#94adbd;margin-top:8px;font-size:12px;line-height:1.5}.arena-selector{padding-bottom:25px}.arena-selector-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.arena-selector-label>span{letter-spacing:.12em;color:#b5cad7;font-size:12px;font-weight:700}.arena-selector-label a{text-underline-offset:4px;color:#bbd9e8;font-size:13px;text-decoration:underline}.arena-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.arena-choice{isolation:isolate;text-align:left;background:#0b1520;border:1px solid #647d8c60;border-radius:16px;height:91px;padding:16px 17px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.arena-choice img{z-index:-2;object-fit:cover;opacity:.54;width:100%;height:100%;transition:opacity .25s,transform .3s;position:absolute;inset:0}.arena-choice:before{content:"";z-index:-1;background:linear-gradient(90deg,#09101be6,#09101b20);position:absolute;inset:0}.arena-choice>span:first-of-type{flex-direction:column;gap:5px;display:flex}.arena-choice strong{letter-spacing:.03em;font-size:15px}.arena-choice small{color:#c6d7e3;font-size:12px}.arena-choice:hover{border-color:#9ae9f5;transform:translateY(-3px)}.arena-choice:hover img{opacity:.85;transform:scale(1.07)}.arena-choice.is-selected{border-color:#97edfa;box-shadow:inset 0 0 0 1px #97edfa,0 0 22px #5bdcf51c}.arena-choice.is-selected img{opacity:.8}.choice-indicator{border:1px solid #aecbdc;border-radius:50%;width:7px;height:7px;position:absolute;bottom:15px;right:13px}.is-selected .choice-indicator{background:#8ae7f8;border-color:#8ae7f8;box-shadow:0 0 10px #8ae7f880}.arena-bottom-nav{border-top:1px solid #56758c35;grid-template-columns:repeat(3,1fr);display:grid}.arena-bottom-nav>a{align-items:center;gap:13px;padding:22px 10px;transition:background .2s;display:flex}.arena-bottom-nav>a:hover{background:#5cd1ed0b}.arena-bottom-nav>a+a{border-left:1px solid #56758c35;padding-left:25px}.arena-nav-icon{color:#9ee9f9;background:#60d7f00e;border-radius:13px;place-items:center;width:41px;height:41px;display:grid}.arena-nav-icon svg{width:22px;height:22px}.arena-bottom-nav>a>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.arena-bottom-nav strong{font-size:14px;font-weight:700}.arena-bottom-nav small{color:#90aaba;font-size:12px}.arena-bottom-nav b{color:#7692a3;margin-left:auto;padding-right:14px;font-size:12px;font-weight:500}.game-tile{padding:0 0 18px;overflow:hidden}.game-tile-name,.game-tile>.muted{margin-inline:18px}.game-tile-art{aspect-ratio:460/215;object-fit:cover;width:100%;height:auto;margin-bottom:17px;transition:transform .3s;display:block}.game-tile:hover .game-tile-art{transform:scale(1.035)}.game-catalog-art{border-radius:10px;width:100%;height:auto;margin-bottom:20px;display:block}.card-link{transition:transform .18s,border-color .18s,box-shadow .18s}.card-link:hover{transform:translateY(-3px);box-shadow:0 10px 35px #0004}@keyframes arena-emerge{0%{opacity:0;transform:scale(1.035)}to{opacity:.9;transform:scale(1)}}@keyframes arena-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1150px){.sound-label{display:none}.header-actions{gap:8px}.arena-main{gap:30px}}@media (max-width:850px){.arena-main{grid-template-columns:1fr 270px;gap:20px;padding-top:38px}.arena-copy h1{font-size:62px}.arena-intro{font-size:16px}.arena-topline>span{max-width:210px}.arena-actions{gap:9px}.arena-actions .btn{padding-inline:17px;font-size:14px}.arena-choice{padding:12px}.arena-choice strong{font-size:13px}.arena-bottom-nav b{display:none}}@media (max-width:640px){.header-inner{min-height:72px}.brand-main{font-size:17px}.brand-mark{width:39px;height:39px}.brand-wordmark{gap:5px}.sound-toggle{min-width:37px;padding:8px}.arena-content{padding-top:20px}.arena-topline>span{display:none}.arena-background{object-position:72% 0;height:550px!important}.arena-shade{background:linear-gradient(#080f1630 0%,#080f1690 28%,#080f16 50%)}.arena-main{flex-direction:column;align-items:stretch;gap:26px;padding-block:38px 25px;display:flex}.arena-copy{max-width:100%}.arena-copy h1{font-size:clamp(52px,13.5vw,82px)}.arena-eyebrow{letter-spacing:.12em;margin-bottom:17px;font-size:12px}.arena-intro{max-width:290px;margin-top:18px}.arena-actions{margin-top:22px}.arena-actions .btn{flex:1;min-height:48px}.arena-selected{font-size:12px}.reaction-panel{border-radius:22px;padding:16px 18px 12px}.reaction-target{text-align:left;grid-template-columns:94px 1fr;column-gap:18px;min-height:144px;padding-block:10px;display:grid}.reticle{grid-row:span 2;width:91px;height:91px;margin:0}.reticle svg{width:77px;height:77px}.reaction-target strong{align-self:end;font-size:15px}.reaction-target>span:last-child{align-self:start;font-size:12px}.reaction-bottom{padding-top:10px}.reaction-note{margin-top:5px}.arena-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arena-choice{height:85px}.arena-choice strong{font-size:14px}.arena-bottom-nav{grid-template-columns:1fr}.arena-bottom-nav>a,.arena-bottom-nav>a+a{border-left:0;padding:14px 4px}.arena-bottom-nav>a+a{border-top:1px solid #56758c25}.arena-bottom-nav b{display:block}.section{padding-block:46px}}@media (prefers-reduced-motion:reduce){.arena-background,.arena-copy,.reaction-panel{animation:none}.btn:hover,.card-link:hover,.arena-choice:hover,.reaction-target:hover .reticle svg{transform:none}}