.arena{color:#f5f2fb;background:radial-gradient(at 20% 0,#322054 0,#0000 45%),#080b13;min-height:100vh;padding-bottom:70px;font-family:Arial,sans-serif}.arena *{box-sizing:border-box}.arena-nav{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:18px;padding:22px max(20px,5vw);display:flex}.arena-nav>a{letter-spacing:-1px;font-size:22px;font-weight:950}.arena-nav a{color:inherit;text-decoration:none}.arena-nav>a span{color:#c1a1ff}.arena-nav div{gap:22px;font-size:14px;display:flex}.arena-hero{max-width:1160px;margin:auto;padding:60px 24px 38px}.arena-eyebrow{color:#c3a7ff;letter-spacing:.17em;font-size:11px;font-weight:800}.arena-hero h1{letter-spacing:-.06em;margin:20px 0;font-size:clamp(58px,9vw,112px);font-weight:950;line-height:.9}.arena-hero h1 span{color:#c2a2ff;display:block}.arena-hero p{color:#b9b4c9;font-size:20px}.arena-tags{flex-wrap:wrap;gap:9px;margin-top:25px;display:flex}.arena-tags span{color:#dcd5e9;border:1px solid #ffffff25;border-radius:30px;padding:8px 12px;font-size:12px}.arena-app,.arena-rules{max-width:1160px;margin:auto;padding:0 24px}.arena-panel{background:linear-gradient(145deg,#1c192a,#10131d);border:1px solid #ffffff20;border-radius:20px;margin-bottom:24px;padding:26px}.arena-panel h2,.arena-rules h2{letter-spacing:-.04em;margin:10px 0 15px;font-size:28px}.arena-panel p,.arena-rule-grid p,.arena-rule-footer{color:#b5b0c5;font-size:14px;line-height:1.6}.arena-lobby-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.arena button,.arena a.arena-primary{cursor:pointer;transition:background .2s,transform .2s}.arena button:disabled{cursor:not-allowed;opacity:.45}:is(.arena button:focus-visible,.arena a:focus-visible,.arena input:focus-visible,.arena select:focus-visible){outline-offset:4px;outline:3px solid #85e6df}.arena-primary,.arena-secondary{border:1px solid #0000;border-radius:10px;padding:13px 20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-block}.arena-primary{color:#171025;background:#c5a7ff}.arena-secondary{color:#ece8f6;background:#ffffff0a;border-color:#ffffff30}.arena label{color:#c8c1d7;flex-direction:column;gap:8px;margin:20px 0;font-size:13px;display:flex}.arena select,.arena input{color:#fff;background:#090c15;border:1px solid #ffffff2a;border-radius:9px;width:100%;max-width:100%;padding:12px;font-size:16px}.arena-lobby-grid input{letter-spacing:.15em}.arena-recent>button{color:#c7bfd9;text-align:left;background:0 0;border:0;border-top:1px solid #ffffff18;align-items:center;gap:20px;width:100%;padding:18px 0;display:flex}.arena-recent>button>span:last-child{color:#c5a7ff;margin-left:auto}.arena-match-heading,.arena-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.arena-match-heading h2{letter-spacing:.12em;margin:8px 0;font-size:32px}.arena-match-heading>div:last-child{align-items:center;gap:15px;display:flex}.arena-text{color:#bfb2dc;background:0 0;border:0;padding:10px}.arena-scoreboard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.arena-scoreboard article{background:#11131f;border:1px solid #ffffff23;border-radius:16px;padding:18px}.arena-scoreboard article.arena-me{background:#251b37;border-color:#b997f0}.arena-scoreboard article>span{color:#bfb1d6;letter-spacing:.1em;font-size:10px}.arena-scoreboard h3{overflow-wrap:anywhere;margin:10px 0;font-size:16px}.arena-scoreboard article>strong{font-size:30px}.arena-scoreboard small{color:#b6acc7;font-size:12px;font-weight:400}.arena-scoreboard p{color:#bdb3cd;font-size:12px}.arena-player-cards{gap:6px;min-height:64px;margin:12px 0;display:flex}.arena-player-cards img{object-fit:cover;border-radius:4px;width:39px;height:58px}.arena-card-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;margin:24px 0;display:grid}.arena-choice{color:#f3f0f8;text-align:left;background:#0b0e17;border:2px solid #ffffff1a;border-radius:13px;padding:8px;overflow:hidden}.arena-choice.selected{background:#322344;border-color:#c9acff}.arena-choice>img{aspect-ratio:2/3;object-fit:cover;border-radius:7px;width:100%;display:block}.arena-choice>strong{margin:10px 2px 5px;font-size:13px;display:block}.arena-choice>small{color:#aaa1ba;margin:0 2px;font-size:10px;display:block}.arena-stats{justify-content:space-between;gap:5px;margin:12px 2px 2px;display:flex}.arena-stats>span{color:#a7a0b9;font-size:9px}.arena-stats b{color:#e2d5ff;margin-top:3px;font-size:19px;display:block}.arena-start{justify-content:space-between;align-items:center;gap:20px;display:flex}.arena-three{grid-template-columns:repeat(3,minmax(0,200px));justify-content:center}.arena-controls{flex-wrap:wrap;justify-content:center;align-items:end;gap:24px;display:flex}.arena-controls fieldset{border:0;margin:0 0 20px;padding:0}.arena-controls legend{color:#b9adc9;margin-bottom:9px;font-size:12px}.arena-controls fieldset button{color:#c5bace;background:#080c15;border:1px solid #ffffff25;padding:12px}.arena-controls fieldset button.selected{color:#fff;background:#44305d;border-color:#c3a5f1}.arena-controls>button{margin-bottom:20px}.arena-controls label{margin-top:0}.arena-timer{color:#86e2d5;white-space:nowrap;font-size:28px}.arena-muted{text-align:center;font-size:12px!important}.arena-locked{color:#a4eade;background:#72dacb13;border:1px solid #72dacb40;border-radius:14px;padding:24px}.arena-finish{text-align:center;padding:45px 20px}.arena-finish h2{color:#d1b9ff}.arena-error{color:#ffd8df;background:#471e2a;border:1px solid #ff87874a;border-radius:12px;padding:16px;line-height:1.5}.arena details{border-top:1px solid #ffffff18;padding:18px 0}.arena summary{cursor:pointer;color:#dbceef;font-size:14px}.arena-table-wrap{overflow-x:auto}.arena table{border-collapse:collapse;white-space:nowrap;width:100%;margin-top:15px;font-size:12px}.arena th{text-align:left;color:#9c93ac;font-size:10px;font-weight:400}.arena td,.arena th{border-bottom:1px solid #ffffff0f;padding:12px 9px}.arena td small{color:#aaa0bc;margin-top:5px;font-size:10px;display:block}.arena-leave{color:#b1a3bc;background:0 0;border:0;margin-bottom:20px;padding:12px}.arena-rules{margin-top:65px}.arena-rule-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin:28px 0;display:grid}.arena-rule-grid b{color:#8ce4d7;letter-spacing:.12em;font-size:11px}.arena-rule-grid h3{margin:14px 0;font-size:18px}.arena-rule-footer{border-top:1px solid #fff2;padding-top:20px}.arena-signin{max-width:1112px;margin:0 auto 30px}.arena-signin p{max-width:720px}.arena-section-heading h2{margin-bottom:0}@media (max-width:650px){.arena-hero{padding-top:40px}.arena-lobby-grid,.arena-rule-grid{grid-template-columns:1fr;gap:10px}.arena-panel,.arena-nav{padding:18px}.arena-nav div{gap:12px;font-size:11px}.arena-app,.arena-rules{padding:0 16px}.arena-scoreboard{grid-template-columns:1fr 1fr}.arena-scoreboard article{padding:12px}.arena-match-heading{align-items:start}.arena-match-heading>div:last-child{flex-direction:column;gap:5px}.arena-match-heading h2{font-size:25px}.arena-section-heading{flex-wrap:wrap}.arena-three{gap:7px}.arena-three .arena-choice{padding:4px}.arena-three .arena-choice>strong{font-size:10px}.arena-three .arena-stats{gap:2px}.arena-three .arena-stats>span{font-size:7px}.arena-three .arena-choice>small{font-size:8px}.arena-card-grid:not(.arena-three){grid-template-columns:repeat(2,1fr)}.arena-recent>button{flex-wrap:wrap;gap:6px}.arena-recent>button>span:last-child{display:none}.arena-start{flex-direction:column;align-items:start}.arena-controls{gap:10px}.arena-signin{margin:0 16px}.arena-hero p{font-size:17px}}.arena-hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:26px;display:grid}.arena-hero-art{isolation:isolate;height:360px;position:relative}.arena-hero-art:before{content:"";filter:blur(80px);opacity:.24;z-index:-1;background:#9c65ed;position:absolute;inset:20px}.arena-hero-art img{aspect-ratio:2/3;object-fit:cover;border:1px solid #e5c4ff66;border-radius:13px;width:46%;position:absolute;top:20px;left:0;transform:rotate(-16deg);box-shadow:0 20px 35px #0009}.arena-hero-art img:nth-child(2){z-index:2;top:0;left:24%;transform:rotate(1deg)}.arena-hero-art img:nth-child(3){left:49%;transform:rotate(17deg)}@media (max-width:800px){.arena-hero{grid-template-columns:1fr}.arena-hero-art{width:100%;max-width:380px;height:300px;margin:10px auto}.arena-hero h1{font-size:72px}.arena-hero-copy{max-width:600px}}.arena-hero{gap:16px;padding-top:28px;padding-bottom:22px}.arena-hero h1{margin:12px 0;font-size:clamp(46px,7vw,80px)}.arena-hero-art{height:260px}.arena-tags{gap:6px;margin-top:14px}.arena-panel{margin-bottom:14px;padding:18px}.arena-lobby-grid{gap:12px}.arena-panel h2{margin:6px 0 10px}.arena-card-grid{gap:10px;margin:14px 0}.arena-three{grid-template-columns:repeat(3,minmax(0,155px));gap:8px}.arena-controls{justify-content:center;align-items:end;gap:10px;max-width:640px;margin:0 auto}.arena-controls fieldset,.arena-controls>button,.arena-controls label,.arena-controls select{margin-bottom:0}.arena-controls fieldset button{min-height:44px;padding:10px}.arena-controls>.arena-primary{min-height:44px}.arena-controls legend{margin-bottom:6px}@media (max-width:600px){.arena-hero{padding:24px 16px 18px}.arena-hero-art{max-width:270px;height:210px}.arena-app,.arena-rules{padding-inline:14px}.arena-panel{padding:14px}.arena-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.arena-controls fieldset{grid-column:1/-1}.arena-controls fieldset button{width:33.333%}.arena-controls label{min-width:0}.arena-controls>.arena-primary{align-self:end}.arena-three{gap:7px}}
