/* Arena social layer */
#menu .menu-content{gap:clamp(28px,5vw,100px);padding:30px 7%;align-items:center}#menu .hero{flex:1;min-width:0}#menu h1{font-size:clamp(64px,7vw,130px)}
#menu .leaderboard{width:380px;flex-shrink:0;background:linear-gradient(150deg,#18212eef,#161422ef);border:1px solid #ffffff24;border-top:3px solid var(--lime);padding:25px;max-height:calc(100vh - 190px);overflow:auto;scrollbar-width:thin}
.board-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.board-heading .eyebrow{font-size:9px}.live-dot{font-size:8px;color:#c9ff3b;white-space:nowrap}.leaderboard h2{font-size:27px;letter-spacing:-1px;margin:16px 0 8px}.muted{font-size:11px;line-height:1.6;color:#acb7c7}.board-filters{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;margin:20px 0 12px}.board-filters label{font-size:8px;letter-spacing:1px;color:#bdc9d6}.board-filters select{width:100%;padding:10px 8px;margin-top:7px;background:#24303b;color:#f2f4e8;border:1px solid #ffffff24;font-size:11px}
.auth-tabs,.board-tabs{display:flex;border-bottom:1px solid #ffffff25;gap:20px}.auth-tabs button,.board-tabs button{background:none;border:0;padding:12px 0;color:#9fa9ba;font-size:9px;letter-spacing:1px}.auth-tabs button.selected,.board-tabs button.selected{color:#d4ff32;border-bottom:2px solid #d4ff32}.board-empty{padding:25px 4px;text-align:center;color:#acb7c7;font-size:11px;line-height:1.7}.board-empty>span{display:block;font-size:32px;color:#d4ff32}.board-empty strong{display:block;font-size:18px;color:#f1f0e6;margin:7px 0}.leaderboard ol{list-style:none;padding:0;margin:8px 0;max-height:280px;overflow:auto}.leaderboard li{display:flex;gap:12px;align-items:center;padding:14px 3px;border-bottom:1px solid #ffffff12}.rank{font-size:14px;color:#84909e}.leaderboard li:first-child .rank{color:#d4ff32}.leaderboard li>span{flex:1;min-width:0}.leaderboard li strong{font-size:13px;display:block;overflow-wrap:anywhere}.leaderboard li small{display:block;color:#8997aa;font-size:9px;margin-top:4px}.rank-value{text-align:right;color:#d4ff32;font-size:20px}.rank-value small{font-weight:400}.my-rank{background:#cfff3110}.my-rank i{font-size:8px;color:#d4ff32;font-style:normal}.points-guide{border-top:1px solid #ffffff20;padding-top:12px;font-size:10px;color:#acb7c7;line-height:1.7}.points-guide summary{cursor:pointer;color:#e1e6ed}.recent-heading{font-size:9px;letter-spacing:1.4px;margin:22px 0 10px;color:#d2ddc9}.recent-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:9px 0;border-bottom:1px solid #ffffff12}.recent-row>b{font-size:9px}.recent-row>small{grid-column:1/-1;color:#93a0b5}.won{color:#d4ff32}.lost{color:#ff8399}.quiet-button{background:transparent;border:0;padding:12px 0;font-size:9px;color:#bac6d6;letter-spacing:.5px}.social-menu-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.social-menu-actions button{background:#111a258c;border:1px solid #ffffff30;padding:13px 16px;font-size:10px;letter-spacing:.6px}.social-menu-actions button:hover{border-color:#d4ff32;color:#d4ff32}#currentLobbyHint{font-size:11px;color:#d4ff32;min-height:14px}.account-chip{display:flex;align-items:center;gap:15px;font-size:12px;border-left:1px solid #ffffff30;padding-left:20px}.account-chip>span{max-width:145px;overflow:hidden;text-overflow:ellipsis}.account-chip button{background:none;border:0;font-size:9px;color:#a9b5c5}#menu header{gap:20px}#menu .build{font-size:9px}
.arena-dialog{color:#f4f1e7;background:#141c29;border:1px solid #485265;border-top:3px solid #d4ff32;padding:32px;width:min(880px,calc(100vw - 32px));max-height:90vh;overflow:auto;box-shadow:0 35px 120px #0009;scrollbar-width:thin}.arena-dialog::backdrop{background:#080d19bd;backdrop-filter:blur(9px)}.arena-dialog h2{font-size:34px;letter-spacing:-1.4px;margin:8px 0 20px}.arena-dialog h3{font-size:17px}.arena-dialog label{display:block;font-size:9px;color:#bcc9d9;letter-spacing:1.4px;margin:18px 0 8px}.arena-dialog input,.arena-dialog select{width:100%;padding:13px;background:#222e3c;border:1px solid #516070;color:#f1f0e8;font:inherit;font-size:13px;border-radius:0}.arena-dialog input:focus,.arena-dialog select:focus{outline:2px solid #d4ff32;outline-offset:2px}.arena-dialog button:focus-visible{outline:2px solid white;outline-offset:4px}.arena-dialog button:disabled{opacity:.4;cursor:not-allowed}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.icon-button{font:30px Arial;background:none;border:0;padding:0 0 12px 20px;color:#cdd7e6}.auth-dialog{width:min(430px,calc(100vw - 32px));padding:38px}.auth-mark{font-size:24px;font-weight:900;margin-bottom:40px}.auth-mark span{color:#d4ff32}.auth-dialog h2{font-size:40px;margin:16px 0 12px}.auth-dialog>p{font-size:13px;line-height:1.7;color:#bac5d5}.auth-dialog small{display:block;font-size:10px;line-height:1.7;color:#8896aa;margin-top:18px}.auth-dialog .auth-tabs{margin-top:25px}.auth-dialog .primary{width:100%;margin-top:10px}#authError{font-size:12px;color:#ff9caa;min-height:16px}.auth-tabs button{font-size:11px}.settings-dialog{width:min(510px,calc(100vw - 32px))}#settingsBody .loadout{display:block;width:100%;max-height:none;padding:0;background:none;border:0}#settingsBody .loadout>h2,#settingsBody .loadout>.eyebrow,#settingsBody .loadout>p:first-of-type{display:none}.settings-actions{display:grid;gap:10px;margin-top:25px}.settings-actions button{min-width:0;padding:17px}.lobby-toolbar{display:flex;align-items:center;justify-content:space-between}.lobby-forms{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #ffffff25;margin-top:25px;padding-top:10px}.lobby-forms button{margin-top:20px;width:100%;min-width:0}.lobby-forms form+form{border-left:1px solid #ffffff20;padding-left:30px}.empty-lobbies{border:1px dashed #ffffff28;padding:23px;color:#a4b3c8;font-size:13px}.public-room{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ffffff20;gap:15px}.public-room b{font-size:14px;overflow-wrap:anywhere}.public-room small{display:block;font-size:10px;color:#a6b5c8;margin-top:5px}.public-room button{min-width:85px;padding:13px;font-size:10px}.room-summary{display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px;gap:20px}.room-summary h3{font-size:25px;overflow-wrap:anywhere}.code-button{border:1px solid #d4ff3266;background:#d4ff3209;color:#d4ff32;padding:13px 18px;white-space:nowrap}.code-button small{display:block;font-size:8px;letter-spacing:1px;margin-bottom:8px}.code-button b{font:700 19px monospace;letter-spacing:3px}.room-teams{display:grid;grid-template-columns:1fr 1fr;gap:20px}.room-team{border-top:2px solid #ff3971}.room-team.blue-team{border-color:#26bdff}.room-team h3{font-size:11px;letter-spacing:1.4px;color:#ff7b9f}.blue-team h3{color:#64cfff}.position-slot{width:100%;display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #ffffff1a;background:#1d2939;padding:15px 12px;margin-bottom:8px;min-height:72px}.position-slot:disabled{opacity:1!important}.position-slot.own-slot{border-color:#d4ff32;background:#d4ff3210}.position-slot>span:nth-child(2){flex:1;min-width:0}.position-slot strong{font-size:13px;overflow-wrap:anywhere;display:block}.position-slot small{display:block;font-size:9px;color:#a4b3c8;margin-top:6px}.role-badge{font-size:10px;color:#a4b3c8}.ready-state{color:#d4ff32}.room-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.room-actions .primary,.room-actions .secondary{min-width:150px;font-size:11px;padding:16px}#socialNotice{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:100;max-width:min(640px,90vw);background:#202c36;border:1px solid #d4ff32;padding:14px 20px;color:#f3f5e9;font-size:12px;line-height:1.6;pointer-events:none;box-shadow:0 5px 30px #0006}#socialNotice.error{border-color:#ff829a}#joinCode{text-transform:uppercase;letter-spacing:3px;font-family:monospace}
@media(max-width:1100px){#menu header{gap:12px}#menu .build{display:none}#menu .menu-content{padding:24px 5%;gap:35px}#menu .leaderboard{width:335px;padding:22px}#menu h1{font-size:80px}.social-menu-actions button{padding:12px;font-size:9px}.account-chip{padding-left:12px;gap:10px}.account-chip>span{max-width:100px}}
@media(max-height:820px) and (min-width:761px){#menu .leaderboard{max-height:calc(100vh - 145px);padding:18px}#menu .menu-content{padding-top:10px;padding-bottom:10px}#menu h1{font-size:80px}.hero>.eyebrow{margin-bottom:15px}.leaderboard h2{margin:12px 0 4px}.board-filters{margin-top:12px}.board-empty{padding:14px 0}.recent-heading{margin-top:14px}#menu .intro{margin-bottom:20px}.match-details{margin-top:12px}}
@media(max-width:760px){#menu{overflow:auto}#menu header{height:auto;min-height:78px;padding:18px 6%;flex-wrap:wrap}#menu .brand{font-size:18px}#menu .shop-launch{margin-left:auto;font-size:9px}#menu #soundBtn{font-size:8px}#menu .account-chip{width:100%;border:0;padding:0;justify-content:space-between}#menu .menu-content{display:flex;flex-direction:column;align-items:stretch;height:auto;overflow:visible;padding:35px 6%;gap:35px}#menu .hero{min-width:0}#menu h1{font-size:72px;line-height:.85}#menu .leaderboard{width:100%;max-height:none}#menu footer{position:static;padding:15px 6%}#menu .disclaimer{position:static;padding:15px}.social-menu-actions button{flex:1;padding:12px 8px}#menu .menu-actions{display:flex;flex-wrap:nowrap}#menu .menu-actions>button{flex:1;min-width:0;font-size:11px;padding:19px 12px}.arena-dialog{padding:22px}.auth-dialog{padding:27px}.auth-mark{margin-bottom:28px}.lobby-forms,.room-teams{grid-template-columns:1fr}.lobby-forms form+form{border-left:0;border-top:1px solid #ffffff20;padding:15px 0 0}.room-summary{flex-direction:column;align-items:flex-start}.room-actions button{flex:1}.room-actions .quiet-button{flex-basis:100%}.lobby-forms{gap:15px}}


#menu .title-star{right:auto;left:440px;top:-15px}.dialog-notice{font-size:12px;line-height:1.6;color:#ffbd8c;border-top:1px solid #ffffff25;padding-top:12px}.arena-dialog[open]{z-index:100}.stats-window{overflow-x:auto}@media(max-width:1100px){#menu .title-star{display:none}}