:root{color-scheme:dark;--bg:#101216;--panel:#191c22;--panel-deep:#14171c;--line:#30343d;--text:#f6f5f0;--muted:#a0a6b0;--gold:#f3c65b;--green:#7bcba4;--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;transition:background .18s,border-color .18s,color .18s,transform .18s}button:disabled{opacity:.5;cursor:default}button:not(:disabled):active{transform:translateY(1px)}button,input,select{min-height:44px;border-radius:7px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}a{color:inherit}button.primary{background:var(--gold);color:#191a1d;font-weight:750;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;box-shadow:0 4px 20px #f3c65b0c}button.primary:hover:not(:disabled){background:#ffdc88}button.primary>span{font-size:22px;line-height:1}.secondary{border:1px solid #454951;background:#24272d;color:var(--text);padding:11px 17px;font-weight:600}.secondary:hover:not(:disabled){background:#30343b;border-color:#737780}.quiet{background:transparent;color:#b9bec6;padding:9px 12px;border:1px solid var(--line)}.quiet:hover:not(:disabled){background:#ffffff08;color:#fff}input{width:100%;border:1px solid #373c46;background:#111419;color:#fff;padding:13px 15px}input:focus{border-color:var(--gold)}input::placeholder{color:#767e8b;font-size:12px}input:disabled{color:#d7d9dc;background:#202329}label{display:block;font-size:12px;font-weight:600;color:#c4c8cf;margin:0 0 9px}select{background:#15181e;color:#e1e3e7;border:1px solid #41454f;padding:10px 34px 10px 12px;font-size:12px;display:block;margin-top:7px}h1,h2,h3,h4,p{overflow-wrap:break-word}h1,h2,h3,h4{line-height:1.2}button{line-height:1.35}
.top{max-width:1480px;min-height:90px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid #ffffff0a}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0;font-size:13px;font-weight:850;letter-spacing:.3px;line-height:1.3}.brand b{color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:3.2px;margin-top:5px;color:var(--gold);font-weight:650}.brand-mark{width:35px;height:39px;color:var(--gold)}.brand-mark svg{width:100%;height:100%}.quicknav{display:flex;align-self:stretch;align-items:stretch;gap:14px}.quicknav button{background:none;color:#a3a8b2;border-radius:0;padding:5px 7px;font-size:12px;white-space:nowrap;position:relative}.quicknav button:hover{color:#fff}.quicknav .nav-play{color:var(--gold)}.nav-play:after{content:'';position:absolute;bottom:0;left:5px;right:5px;height:2px;background:var(--gold)}.account-bar{display:flex;gap:16px;align-items:center}.account-bar button{font-size:11px;white-space:nowrap}.account-bar>.secondary{border-color:#57503b;background:#f3c65b08;color:#f7d98d}.account-bar>#account-summary{font-size:11px;color:#c9c9c7;max-width:136px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-bar>#account-summary:not([data-member]){display:none}.online-pill{font-size:11px;display:flex;gap:6px;align-items:center;white-space:nowrap;color:#b8bec5}.online-pill strong{color:#e1ece4;font-variant-numeric:tabular-nums}.online-pill i,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 12px #7bcba440}.online-pill i{margin-right:3px}.skip-link{position:fixed;top:-60px;left:20px;background:var(--gold);color:#000;padding:12px;z-index:99}.skip-link:focus{top:10px}
main{max-width:1480px;margin:auto;padding:24px 48px 70px;min-height:calc(100vh - 245px)}.welcome{display:block}.hero{position:relative;min-height:500px;border:1px solid #353b43;border-radius:14px;overflow:hidden;background:#0c1521;isolation:isolate;display:flex;align-items:center}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-3;animation:reveal-art 1.4s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10171ff2 0%,#111820d9 26%,#10161c33 58%,#11161a00 80%),linear-gradient(0deg,#101216a8,transparent 30%);z-index:-2}.intro{padding:54px;position:relative;max-width:690px;animation:reveal-copy .8s ease-out both}.hero-kicker{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.7px;color:#f4d180;font-weight:750}.hero-kicker>span{width:17px;height:2px;background:var(--gold)}.intro h1{font-size:clamp(38px,4.2vw,62px);line-height:1.07;letter-spacing:-2.6px;font-weight:850;margin:26px 0 23px}.intro em{color:var(--gold);font-style:normal}.intro p{font-size:14px;color:#c2c9d1;line-height:1.8;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:21px}.hero-actions .primary{width:179px;min-height:49px;font-size:13px}.hero-watch{background:transparent;color:#e7e6e1;font-size:12px;display:flex;gap:8px;align-items:center;padding:10px 0}.hero-watch>span{font-size:20px;color:#f1d692}.hero-watch:hover{color:var(--gold)}.hero-note{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:10px;color:#979fa9}.hero-note>span{color:var(--gold)}.hero-note i{width:2px;height:2px;background:#77808d;margin:0 4px}.hero-caption{position:absolute;right:28px;bottom:23px;text-align:right;display:flex;flex-direction:column;color:#fffc;font-size:8px;letter-spacing:2.2px}.hero-caption b{font-size:10px;margin-top:5px;letter-spacing:1px}.arena-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#171a20;min-height:88px}.arena-stats>div{display:flex;align-items:center;gap:16px;padding:20px 32px;position:relative}.arena-stats>div+div:before{content:'';position:absolute;left:0;top:24px;bottom:24px;width:1px;background:#343740}.arena-stats p{display:flex;align-items:baseline;gap:11px;margin:0}.arena-stats strong{font-size:24px;line-height:1;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.arena-stats p>span{font-size:11px;color:#949ba6;white-space:nowrap}.stat-symbol{font-size:23px;color:#d7b66b;line-height:1}.arena-stats .status-dot{margin-left:auto;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2.1px;color:#d6bc80;font-weight:700}.gold{color:var(--gold)}
.play-section{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center;max-width:1100px;margin:70px auto 0;scroll-margin-top:30px}.play-story h2{font-size:35px;font-weight:720;line-height:1.18;letter-spacing:-1.3px;margin:19px 0}.play-story h2 em{font-style:normal;color:#a4a8b0}.play-story>p{font-size:13px;color:var(--muted);line-height:1.85}.play-steps{list-style:none;padding:0;margin:28px 0}.play-steps li{display:flex;align-items:center;gap:18px;padding:13px 0}.play-steps li>b{font-size:12px;color:#d9bd7b;font-variant-numeric:tabular-nums;width:35px;height:35px;border:1px solid #3f3d33;border-radius:8px;display:grid;place-items:center;background:#e2bf6110;font-weight:500}.play-steps strong{display:block;font-size:13px;font-weight:600}.play-steps span{display:block;font-size:11px;color:#999fa9;margin-top:4px}.platform-note{font-size:10px;color:#8d949f;border-top:1px solid #2d3139;padding-top:20px;display:flex;align-items:center;gap:10px}.mini-controller{font-size:18px;color:#bfc5ce}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.entry{padding:29px;box-shadow:0 18px 50px #0002;position:relative;overflow:hidden}.entry:before{content:'';position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#e6c97588,transparent)}.entry-top{display:flex;align-items:center;justify-content:space-between}.entry-badge{font-size:9px;color:#a4adb9;letter-spacing:.8px;border:1px solid #3b404a;border-radius:4px;padding:4px 7px}.entry h2{font-size:26px;letter-spacing:-.7px;margin:18px 0 9px}.entry-intro{font-size:12px;color:#999fa9;margin:0 0 24px}.entry input{margin-bottom:12px}.entry .primary,.entry .secondary{width:100%;font-size:12px;min-height:47px}.entry .secondary{display:flex;align-items:center;justify-content:space-between}.entry #watch{width:100%;margin-top:10px;font-size:10px;border-color:transparent;min-height:32px;color:#a4aab5}.divider{display:flex;align-items:center;gap:13px;color:#929aa6;font-size:10px;margin:22px 0}.divider:before,.divider:after{content:'';height:1px;flex:1;background:#343840}.entry-note{font-size:10px;color:#888f99;text-align:center;margin:12px 0 0}
.community{margin-top:68px;padding-top:39px;border-top:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section-heading h2{font-size:29px;letter-spacing:-1px;margin:12px 0 0}.section-heading h3{margin:0}.section-heading label{margin:0}.live-label{color:var(--green);font-size:10px;font-weight:600;letter-spacing:.5px}.tabs{display:flex;gap:26px;margin:30px 0 20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tabs button{background:transparent;color:#999fab;padding:0 0 16px;border-radius:0;font-size:12px;min-height:40px;position:relative}.tabs button.active{color:var(--gold);font-weight:600}.tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.tabs span{display:inline-block;margin-left:6px;border-radius:4px;background:#f3c65b16;color:#d8bb75;padding:1px 6px;font-size:9px}.subtext{font-size:11px;color:#9ea5b0;line-height:1.7;margin:13px 0 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:17px;margin:20px 0 27px}.match-card{max-width:640px;background:linear-gradient(145deg,#1d2129,#171a20)}.match-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:25px 0 13px}.match-versus strong{font-size:16px;overflow-wrap:anywhere}.match-versus strong:last-child{text-align:right}.match-versus b{font-size:27px;color:#f1d389;font-variant-numeric:tabular-nums;white-space:nowrap}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.button-row button{font-size:11px}.empty{padding:38px 28px;text-align:center;color:#939ca8;font-size:13px;line-height:1.8;border:1px dashed #3a3f49;border-radius:10px;background:repeating-linear-gradient(135deg,#1b1e2400 0 18px,#ffffff01 18px 19px)}.empty-title{display:block;font-size:16px;color:#e5e5e4;margin:0 0 7px;font-weight:600}.empty-ball{display:block;color:#c9ab66;font-size:27px;line-height:1;margin-bottom:17px}.empty .quiet{margin-top:18px;font-size:11px;border-color:#57503b;color:#e6cf96}.community h3{font-size:16px;letter-spacing:-.3px;margin:29px 0 16px}.recent{display:grid;gap:8px}.recent-row{display:grid;grid-template-columns:1fr 80px 1fr 60px;align-items:center;gap:15px;background:#191c22;border:1px solid #2d323b;border-radius:8px;padding:15px 20px;font-size:12px;overflow-wrap:anywhere}.recent-row b{text-align:center;color:#f0d596;font-variant-numeric:tabular-nums}.recent-row>span:nth-of-type(2){text-align:right}.recent-row small{text-align:right;margin:0}.penalty-detail{display:block;font-size:10px;color:var(--green);white-space:nowrap;margin-top:5px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin-top:22px}table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}th,td{padding:18px;border-bottom:1px solid #30343c}th{background:#1e2229;font-size:10px;font-weight:600;color:#a9afba;letter-spacing:.4px}td{font-size:13px;background:#171a20}td:first-child{color:#a3aab5}td:nth-child(2){font-weight:600;overflow-wrap:anywhere}tbody>tr:first-child>td:first-child{color:var(--gold);font-weight:750}tr.my-rank>td{background:#302b1e}tr:last-child td{border-bottom:0}.tournament-create{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:22px}.tournament-create>div{flex:1;min-width:200px}.tournament-create h3,.tournament-card h3{margin:0}.tournament-create label{min-width:125px;margin:0}.tournament-create input,.tournament-create select{margin-top:8px}.tournament-list{display:grid;gap:18px}.tournament-card{overflow:hidden}.participants{font-size:12px;color:#aeb5c1;line-height:1.8;overflow-wrap:anywhere}.bracket{display:flex;gap:18px;margin-top:24px;overflow:auto;padding-bottom:7px}.bracket-round{min-width:220px;flex:1}.bracket-round h4{font-size:10px;color:#cab579;text-transform:uppercase;letter-spacing:1.4px}.fixture{background:#12151b;border:1px solid #353a44;border-radius:8px;padding:14px;margin-bottom:12px}.fixture>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;font-size:12px}.fixture span{overflow-wrap:anywhere}.fixture-winner{color:var(--gold);font-weight:700}.fixture button{width:100%;font-size:11px;margin-top:10px}.champion{color:#f2d58f;padding:15px;background:#312a1d;border:1px solid #73613b;border-radius:9px}.score-stage,.shootout-score{color:var(--gold);font-size:11px;font-weight:650}.score-stage{flex-basis:100%;text-align:center}
.room-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 28px}.room-top h1{font-size:28px;letter-spacing:-.8px;margin:9px 0 0}.arena{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.game-column{min-width:0}.screen-top{display:flex;align-items:center;gap:12px;background:#1c2028;border:1px solid #363d49;border-bottom:0;border-radius:12px 12px 0 0;padding:12px 16px;font-size:11px}.role{background:var(--gold);color:#151a1c;padding:4px 9px;border-radius:4px;font-size:12px;font-weight:800}.latency{margin-left:auto;color:#8793a3;font-size:10px;font-variant-numeric:tabular-nums}.screen{position:relative;aspect-ratio:256/240;width:100%;max-height:690px;background:#000;display:grid;place-items:center;overflow:hidden;border-inline:1px solid #363d49}.screen canvas,.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;display:block}.screen img{opacity:.32}.screen:fullscreen{height:100vh;max-height:none;width:100vw;border:0;aspect-ratio:auto}.waiting{position:absolute;left:12%;right:12%;bottom:12%;padding:22px;background:#171c25f2;border:1px solid #626b78;border-radius:10px;text-align:center;pointer-events:none;backdrop-filter:blur(4px)}.waiting span{display:block;font-weight:700;font-size:20px}.waiting small{display:block;color:#acb5c3;line-height:1.6;margin-top:9px}.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;background:#191e26;border:1px solid #363d49;border-radius:0 0 12px 12px}.screen-bottom .quiet{font-size:11px;white-space:nowrap}.screen-bottom>span{font-size:10px;color:#9ca6b6;text-align:center}.sidebar{display:flex;flex-direction:column;gap:17px}.sidebar .panel{padding:20px}.seat{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #343840}.seat:last-of-type{border-bottom:0;margin-bottom:9px}.seat-number{font-size:12px;font-weight:700;background:#2b303a;padding:9px;border-radius:6px;color:#b3becf}.seat.me .seat-number{background:#423924;color:var(--gold)}.seat strong{font-size:13px;display:block;overflow-wrap:anywhere}.seat small{display:block;font-size:10px;color:#929cac;margin-top:5px}.seat .dot{width:6px;height:6px;min-width:6px;border-radius:50%;margin-left:auto;background:#636c7b}.seat.connected .dot{background:var(--green)}.copy-row{display:flex;gap:7px}.copy-row input{font-size:10px;padding:10px;min-width:0}.copy-row button{font-size:10px;padding:8px}.invite small{display:block;font-size:10px;line-height:1.6;color:#929ca9;margin-top:10px}.controls dl{margin:15px 0}.controls dl>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #303641;font-size:11px}.controls dt{color:#a8b0bc}.controls dd{margin:0;font-weight:650}.controls dd span{color:#8794a5;font-size:10px;margin-left:4px;font-weight:400}.controls p{font-size:10px;line-height:1.7;color:#949daa;margin-bottom:0}.touch{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;user-select:none;margin-top:15px}.touch button{touch-action:none;background:#262d38;border:1px solid #424c5c;color:#bac7dc;font-size:10px;padding:12px}.touch .action{background:#453d2c;color:#f5d588;font-size:18px;font-weight:750;min-width:48px}.dpad{display:flex;gap:5px}.dpad button{font-size:15px}.live-score{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;background:linear-gradient(100deg,#1d232c,#202129);border:1px solid #3a424d;padding:18px 24px;border-radius:10px;margin-bottom:22px}.live-score>div{text-align:center;min-width:130px}.live-score strong{display:block;font-size:13px;overflow-wrap:anywhere}.live-score small{display:block;color:#9faab8;font-size:10px;margin-top:5px}.live-score>b{font-size:28px;font-weight:750;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.score-tag{font-size:9px;color:#acb0b5;letter-spacing:1.5px}.match-result{padding:18px;border:1px solid #576447;background:#232e23;color:#c0dfb0;border-radius:10px;font-size:13px;line-height:1.8}.chat-log{height:210px;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin;margin-top:15px}.chat-message{border-bottom:1px solid #303843;padding:10px 0}.chat-message strong{font-size:10px;color:#d4bd84}.chat-message p{font-size:12px;line-height:1.5;margin:6px 0 0;white-space:pre-wrap}.chat-form{display:flex;gap:6px;margin-top:12px}.chat-form input{min-width:0;font-size:11px;padding:10px}.chat-form button{font-size:10px;padding:8px}.chat-panel .section-heading{gap:8px}.chat-panel .subtext{margin:0}
dialog{color:var(--text);width:min(440px,calc(100% - 28px));box-shadow:0 35px 100px #0008;padding:28px!important}dialog::backdrop{background:#04070de0;backdrop-filter:blur(7px)}dialog .section-heading h2{font-size:25px;max-width:280px;margin:0}dialog label{margin-top:20px}dialog .subtext{margin:15px 0}dialog #auth-error{color:#f5ba94;font-size:12px}#auth-switch{width:100%;margin-top:12px;font-size:11px}#auth-close{font-size:20px;min-width:44px}.notice{padding:16px;border:1px solid #78613c;background:#30291e;color:#f5dba8;border-radius:8px;font-size:13px;margin-top:20px}.notice:empty{display:none}footer{max-width:1480px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:29px 48px 36px;border-top:1px solid #2a2f37;font-size:10px;color:#858d99}.footer-brand{font-size:12px;letter-spacing:.8px;font-weight:700;color:#cbd0d7}.footer-brand>span{font-size:9px;margin-left:12px;color:#d7bc7e;letter-spacing:1px}.footer-brand small{display:block;letter-spacing:0;font-size:10px;font-weight:400;color:#7d8795;margin-top:9px}footer>span{text-align:right;line-height:1.8}footer>span small{font-size:9px;color:#687583}
@keyframes reveal-art{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes reveal-copy{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:530px}.intro{padding:65px}.hero-art{object-position:center top}}
@media(max-width:1200px){.top{padding:0 30px;gap:20px}.quicknav{gap:7px}.account-bar>#account-summary{display:none}main{padding:20px 30px 55px}.intro{padding:40px}.hero{min-height:465px}.intro h1{font-size:48px}.arena-stats>div{padding:20px;gap:12px}.arena-stats p{gap:9px}.play-section{gap:55px;max-width:990px}.arena{grid-template-columns:minmax(0,1fr) 285px}.hero-caption{right:20px}.brand{font-size:12px}.online-pill{font-size:10px}.account-bar{gap:12px}.account-bar button{padding:10px}.play-story h2{font-size:32px}}
@media(max-width:980px){.top{flex-wrap:wrap;padding-top:19px;gap:16px}.quicknav{order:3;width:100%;height:43px;gap:25px}.account-bar{margin-left:auto}.hero{min-height:440px}.intro h1{font-size:43px;letter-spacing:-1.7px}.intro{padding:30px;max-width:560px}.hero-kicker{font-size:8px;letter-spacing:1.2px}.hero-shade{background:linear-gradient(90deg,#111820ee,#111820b3 35%,#1118200d 85%)}.arena-stats p{display:block}.arena-stats p>span{display:block;margin-top:8px;font-size:10px}.arena-stats .stat-symbol{font-size:21px}.arena-stats strong{font-size:23px}.play-section{gap:35px;margin-top:48px}.play-story h2{font-size:30px}.play-story>p br{display:none}.entry{padding:24px}.arena{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.sidebar .panel{padding:16px}.hero-caption{display:none}.live-score{gap:16px}.tournament-create{gap:15px}}
@media(max-width:720px){.top{padding:16px 20px 0;gap:14px}.brand{font-size:11px}.brand-mark{width:28px;height:32px}.brand small{font-size:8px;letter-spacing:2.4px}.account-bar{gap:8px}.account-bar{display:grid;gap:6px;justify-items:end}.account-bar button{grid-row:1}.account-bar .online-pill{position:static;grid-row:2;font-size:9px;justify-content:flex-end}.online-pill>span{display:inline}.account-bar button{font-size:10px;padding:8px 10px;min-height:38px}.quicknav{height:40px;gap:22px;justify-content:flex-start}.quicknav button{font-size:11px;padding:4px 0}.top .nav-play:after{left:0;right:0}main{padding:16px 16px 45px}.hero{min-height:585px;align-items:flex-end;border-radius:10px}.hero-art{height:370px;object-fit:cover;object-position:73% center;opacity:1}.hero-shade{background:linear-gradient(180deg,transparent 150px,#11172088 245px,#111720 340px)}.intro{padding:270px 23px 30px;max-width:100%;animation:none;width:100%}.hero-kicker{font-size:7px;letter-spacing:.9px;gap:7px}.hero-kicker>span{width:10px}.intro h1{font-size:39px;line-height:1.1;letter-spacing:-1.9px;margin:18px 0 15px}.intro p{font-size:12px;line-height:1.8;margin:0 0 22px}.hero-actions{gap:17px}.hero-actions .primary{width:147px;min-height:45px;font-size:12px;padding:13px 16px}.hero-watch{font-size:10px;gap:5px}.hero-note{margin-top:17px;font-size:9px;gap:6px}.arena-stats{grid-template-columns:1fr 1fr;border-radius:8px;margin-top:11px}.arena-stats>div{padding:20px 22px;gap:14px;min-height:86px}.arena-stats>div+div:before{top:20px;bottom:20px}.arena-stats>div:nth-child(3):before{display:none}.arena-stats>div:nth-child(n+3){border-top:1px solid #30343c}.arena-stats strong{font-size:22px}.arena-stats p>span{margin-top:6px}.arena-stats .status-dot{margin-left:0}.play-section{grid-template-columns:1fr;gap:28px;margin-top:43px}.play-story{padding:0 7px}.play-story h2{font-size:30px;letter-spacing:-1.2px;margin:17px 0}.play-story>p{font-size:12px}.play-steps{margin:20px 0}.play-steps li{padding:11px 0}.play-steps strong{font-size:12px}.play-steps span{font-size:10px}.platform-note{font-size:9px;padding-top:15px}.entry{padding:23px}.entry h2{font-size:25px}.community{margin-top:42px;padding-top:30px}.section-heading{gap:15px}.section-heading h2{font-size:26px;letter-spacing:-.8px}.eyebrow{font-size:8px;letter-spacing:1.7px}.section-heading>.live-label{font-size:9px}.tabs{gap:22px;margin:24px 0 18px}.tabs button{font-size:11px}.cards{gap:14px}.empty{padding:28px 20px;font-size:12px}.empty-title{font-size:15px}.room-top h1{font-size:23px}.room-top .quiet{font-size:10px}.arena{grid-template-columns:1fr;gap:22px}.screen{max-height:none}.screen-bottom>span{display:none}.screen-bottom .quiet{font-size:10px}.waiting{left:7%;right:7%;padding:16px}.waiting span{font-size:17px}.waiting small{font-size:11px}.sidebar .panel{padding:20px}.live-score{padding:16px 12px;gap:13px}.live-score>div{min-width:80px;flex:1}.live-score .score-tag{width:100%;text-align:center}.live-score strong{font-size:12px}.match-result{font-size:12px}.recent-row{gap:8px;padding:13px;font-size:11px;grid-template-columns:1fr 66px 1fr}.recent-row small{display:none}.table-wrap{margin-top:18px}th,td{padding:13px 10px;font-size:11px}.tournament-create>*{width:100%}.tournament-create>div{min-width:0}.bracket-round{min-width:205px}.touch{gap:6px}.touch button{padding:10px}.touch .action{min-width:45px}footer{padding:25px 23px;align-items:flex-start;flex-direction:column;gap:17px}.footer-brand{font-size:10px}.footer-brand>span{font-size:8px;display:block;margin:5px 0 0}footer>span{text-align:left;font-size:9px}}
@media(max-width:380px){.top{padding-inline:16px}.brand{font-size:10px;gap:7px}.brand small{letter-spacing:2px}.account-bar button{font-size:9px;padding:7px}.quicknav{gap:20px}.intro{padding-inline:18px}.intro h1{font-size:34px}.hero-kicker{font-size:6.5px}.hero-actions{gap:12px}.hero-watch{font-size:9px}.hero-actions .primary{width:139px}.arena-stats>div{padding:18px 16px}.tabs{gap:17px}.tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}