:root{--club-bg:#f3efe6;--club-side:#e9e3d7;--club-card:#faf8f2;--club-text:#3c382f;--club-muted:#817969;--club-line:#dcd4c5;--club-accent:#79664a;--club-green:#57765d;--club-red:#ac6258;--club-shadow:0 10px 36px #66553408}:root[data-theme=dark]{--club-bg:#181c21;--club-side:#13171c;--club-card:#22272d;--club-text:#e5dfd2;--club-muted:#a7a293;--club-line:#394047;--club-accent:#d6be91;--club-green:#8dbb95;--club-red:#db9389;--club-shadow:0 10px 36px #0002}.club-shell{position:fixed;inset:0;display:grid;grid-template-columns:226px 1fr;background:var(--club-bg);color:var(--club-text);z-index:50;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow:hidden}.home-mode #arena,.home-mode #game-header,.home-mode #shade,.home-mode #objective,.home-mode #rocket-dock,.home-mode #reactions,.home-mode #voice-dock,.home-mode #connection,.home-mode #battle-roster,.home-mode #battle-call-button,.home-mode #spectator-badge{display:none!important}.club-nav{padding:30px 18px 18px;background:var(--club-side);border-right:1px solid var(--club-line);display:flex;flex-direction:column;overflow:auto;gap:6px}.club-brand{padding:0 12px 25px;display:flex;flex-direction:column;gap:8px}.club-brand b{font-size:23px;letter-spacing:2px}.club-brand small{font-size:8px;letter-spacing:1.5px;color:var(--club-muted)}.club-me{display:flex;gap:11px;align-items:center;padding:12px 9px 24px}.club-me>div{display:flex;flex-direction:column;gap:4px;min-width:0}.club-me b{font-size:13px;overflow-wrap:anywhere}.club-me small{font-size:10px;color:var(--club-muted)}.club-avatar{display:inline-grid;place-items:center;flex-shrink:0;background:var(--club-side);border:1px solid var(--club-line);border-radius:30%;overflow:hidden;font-family:"Segoe UI Emoji",system-ui;font-size:clamp(20px,2.5vw,38px);line-height:1}.club-avatar img{width:100%;height:100%;object-fit:cover}.club-nav-button{width:100%;padding:12px;text-align:left;background:transparent;border:0;border-radius:10px;font-size:12px;color:var(--club-muted)}.club-nav-button.selected{background:var(--club-card);color:var(--club-text);box-shadow:var(--club-shadow);font-weight:750}.club-nav-button:hover:not(:disabled){background:var(--club-card);border:0;transform:none}.club-team-nav{margin-top:24px;display:flex;flex-direction:column;gap:5px}.club-team-nav>small{font-size:8px;letter-spacing:2px;margin:0 12px 12px;color:var(--club-muted)}.club-team-link{display:flex;align-items:center;gap:8px;font-size:11px;text-align:left;border:0;padding:8px;background:transparent;color:var(--club-text)}.club-team-link .club-avatar{font-size:18px}.club-team-link>span:nth-child(2){flex:1}.club-team-link>b{font-size:10px;color:var(--club-accent)}.club-nav-bottom{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:8px}.club-main{overflow:auto;scrollbar-width:thin}.club-topbar{height:69px;padding:0 38px;border-bottom:1px solid var(--club-line);display:flex;align-items:center;justify-content:space-between;color:var(--club-muted);font-size:10px;letter-spacing:1px}.club-topbar #club-network{letter-spacing:0}.club-topbar b{display:inline-block;padding:3px 7px;background:var(--club-accent);color:var(--club-card);border-radius:20px}.club-topbar b:empty{display:none}.club-content{max-width:1440px;margin:0 auto;padding:38px 42px 80px}.club-page-title{margin-bottom:28px}.club-page-title h1{font-size:clamp(28px,3vw,43px);font-weight:650;letter-spacing:-1.5px;line-height:1.13;margin:0 0 10px}.club-page-title p{color:var(--club-muted);font-size:12px;line-height:1.7;margin:0;max-width:780px}.club-card{background:var(--club-card);border:1px solid var(--club-line);border-radius:18px;padding:24px;box-shadow:var(--club-shadow);margin-bottom:20px}.club-card h2{font-size:18px;letter-spacing:-.4px;margin:0 0 15px}.club-card h3{font-size:13px;margin:20px 0 12px}.club-card p{font-size:12px;color:var(--club-muted);line-height:1.7}.club-card small{font-size:10px;color:var(--club-muted)}.club-hero{display:flex;gap:30px;justify-content:space-between;align-items:center;padding:32px;background:linear-gradient(120deg,var(--club-card),var(--club-side));min-height:230px}.club-hero h2{font-size:29px;letter-spacing:-1px;margin:18px 0 10px}.club-hero .club-avatar{font-size:80px;transform:rotate(7deg);border-radius:32px;background:var(--club-card)}.club-eyebrow{font-size:9px;letter-spacing:2px;color:var(--club-accent)}.club-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.club-button,.club-primary{color:var(--club-text);background:transparent;border:1px solid var(--club-line);border-radius:9px;padding:10px 14px;font-size:11px;line-height:1.4}.club-primary{background:var(--club-accent);color:var(--club-bg);border-color:var(--club-accent);font-weight:750}.club-button:hover:not(:disabled){background:var(--club-side);border-color:var(--club-accent);transform:none}.club-primary:hover:not(:disabled){filter:brightness(1.1);background:var(--club-accent);border-color:var(--club-accent);transform:none}.club-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.club-stat-grid .club-card{margin:0;padding:20px}.club-stat-grid strong{font-size:31px;display:block;margin:10px 0;font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:-1px}.club-stat-grid p{font-size:10px;margin:0}.club-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.club-trend{display:flex;align-items:center;gap:5px;min-height:85px}.result-bar{height:44px;flex:1;min-width:4px;border-radius:5px;background:var(--club-line)}.result-bar.win{height:70px;background:var(--club-green)}.result-bar.loss{height:38px;background:var(--club-red)}.club-rank-row,.club-detail-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--club-line);font-size:11px;flex-wrap:wrap}.club-rank-row:last-child,.club-detail-row:last-child{border-bottom:0}.club-rank-row b{flex:1}.club-rank-row .club-avatar{font-size:20px}.club-detail-row>b{margin-right:auto}.club-detail-row>span:first-child{flex:1}.club-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.club-team-grid .club-card{margin:0}.club-team-head{display:flex;gap:18px;align-items:center}.club-team-head h2{margin:0}.club-face-row{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0}.club-face-row .club-avatar{font-size:20px}.club-dialog{background:var(--club-card);color:var(--club-text);border:1px solid var(--club-line);border-radius:20px;padding:26px;width:min(660px,92vw);max-height:85vh;overflow:auto;box-shadow:0 25px 100px #0004}.club-dialog::backdrop{background:#16151188;backdrop-filter:blur(4px)}.club-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.club-dialog-head h2{font-size:22px;margin:0}.club-dialog-head button{font-size:24px;padding:2px 9px}.club-dialog p{font-size:12px;line-height:1.7;color:var(--club-muted)}.club-dialog>button{margin:14px 8px 0 0}.club-dialog>small{display:block;color:var(--club-muted);font-size:10px;line-height:1.6;margin:15px 0}.club-local-note{padding:12px;border:1px dashed var(--club-line);border-radius:9px;font-size:10px!important}.club-shell input:not([type=checkbox]):not([type=range]),.club-shell select,.club-shell textarea,.club-dialog input:not([type=checkbox]),.club-dialog select,.club-dialog textarea{background:var(--club-bg);color:var(--club-text);border:1px solid var(--club-line);border-radius:9px;padding:12px;width:100%;font-size:12px}.club-shell textarea,.club-dialog textarea{resize:vertical;min-height:82px}.club-shell select option,.club-dialog select option{background:var(--club-bg);color:var(--club-text)}.club-shell label,.club-dialog label{display:flex;flex-direction:column;gap:8px;margin:15px 0;color:var(--club-muted);font-size:11px}.club-shell input[type=checkbox],.club-dialog input[type=checkbox]{width:16px;height:16px;accent-color:var(--club-accent);flex:none}.club-avatar-picker{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.avatar-choice{display:grid;place-items:center;font-size:25px;background:var(--club-bg);border:1px solid var(--club-line);padding:8px;border-radius:10px;width:48px;height:48px}.avatar-choice.selected{border-color:var(--club-accent);box-shadow:0 0 0 1px var(--club-accent)}.club-kind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.club-kind{background:var(--club-card);color:var(--club-text);border:1px solid var(--club-line);padding:20px;border-radius:14px;text-align:left}.club-kind h3{font-size:14px;margin:0 0 9px}.club-kind p{font-size:10px;line-height:1.6;color:var(--club-muted);margin:0}.club-kind.selected{border-color:var(--club-accent);box-shadow:0 0 0 1px var(--club-accent)}.club-kind:hover:not(:disabled){background:var(--club-side);transform:none}.club-roster-select{display:grid;grid-template-columns:1fr 1fr;gap:6px}.club-roster-select label{display:flex;flex-direction:row;align-items:center;padding:9px;border:1px solid var(--club-line);border-radius:10px;margin:0;font-size:10px}.club-roster-select label>input{margin-left:auto}.club-roster-select .club-avatar{font-size:19px}.club-history-row{display:flex;gap:20px;align-items:center;border:1px solid var(--club-line);border-left:4px solid var(--club-muted);border-radius:12px;background:var(--club-card);padding:17px 20px;margin-bottom:11px}.club-history-row.win{border-left-color:var(--club-green)}.club-history-row.loss{border-left-color:var(--club-red)}.club-history-row>div{flex:1;display:flex;flex-direction:column;gap:7px}.club-history-row b{font-size:12px}.club-history-row small{font-size:10px;color:var(--club-muted)}.club-music-list{margin-top:25px}.club-chat-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chat-messages{height:clamp(280px,48vh,650px);overflow:auto;scrollbar-width:thin;border:1px solid var(--club-line);border-radius:16px;background:var(--club-card);padding:18px;display:flex;flex-direction:column;gap:14px}.chat-message{display:flex;align-items:flex-start;gap:10px;max-width:92%}.chat-message.mine{align-self:flex-end;flex-direction:row-reverse}.chat-message>.club-avatar{font-size:22px}.chat-bubble{padding:13px 15px;background:var(--club-bg);border:1px solid var(--club-line);border-radius:4px 15px 15px;min-width:180px;max-width:650px}.chat-message.mine .chat-bubble{border-radius:15px 4px 15px 15px;background:var(--club-side)}.chat-message-head{display:flex;gap:18px;align-items:center;justify-content:space-between}.chat-message-head b{font-size:11px}.chat-message-head small{font-size:8px;color:var(--club-muted)}.chat-bubble>p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:10px 0}.chat-bubble img{display:block;max-width:100%;max-height:320px;border-radius:10px;cursor:zoom-in}.chat-bubble audio,.chat-bubble video{display:block;max-width:100%;width:350px;max-height:300px;border-radius:8px}.chat-bubble blockquote{font-size:10px;color:var(--club-muted);border-left:2px solid var(--club-accent);padding:5px 10px;margin:10px 0}.chat-message-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.chat-message-actions button{font-size:8px;padding:4px 7px;background:transparent;border:1px solid var(--club-line);border-radius:6px;color:var(--club-muted)}.chat-reaction.selected{border-color:var(--club-accent);color:var(--club-text)}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:10px}.chat-compose>textarea{min-height:76px}.chat-compose>.club-actions{grid-column:1/-1;margin:0}.chat-typing{display:block;min-height:20px;padding-top:7px;color:var(--club-muted);font-size:9px}.chat-pinned{display:flex;gap:10px;overflow:auto;margin:10px 0}.chat-pinned span{font-size:10px;padding:10px;border:1px solid var(--club-line);border-radius:8px;white-space:nowrap}.chat-reply-preview{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--club-muted)}.chat-full-image{display:block;max-width:100%;max-height:65vh;margin:auto}.recording{color:#d85a4b!important;border-color:#d85a4b!important}.group-call{position:fixed;right:18px;top:82px;z-index:90;width:min(500px,94vw);padding:14px;border:1px solid #ffffff25;border-radius:17px;background:#111925f5;color:#eff4fc;box-shadow:0 15px 55px #0005}.call-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:12px}.call-bar button{font-size:9px;padding:5px 8px}.call-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:400px;overflow:auto}.call-tile{position:relative;aspect-ratio:4/3;background:#253246;border-radius:10px;overflow:hidden;border:2px solid transparent}.call-tile video{width:100%;height:100%;object-fit:cover}.call-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:#253246}.call-placeholder .club-avatar{background:#1c2839;border-color:#fff2;font-size:35px}.call-name{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;justify-content:space-between;padding:6px;background:#111724bb;font-size:9px}.call-level{height:14px;width:10px;border-radius:3px;background:linear-gradient(to top,#73eea0 var(--level,0%),#8296a844 var(--level,0%));flex-shrink:0}.call-tile.speaking{border-color:#73eea0}.call-tile.muted .call-name{opacity:.6}.call-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.call-actions button{font-size:9px;padding:8px 9px}.call-actions .danger{background:#a74e4d}.group-call>small{display:block;color:#a8b8ce;font-size:8px;line-height:1.5;margin-top:10px}.group-call.compact{width:285px}.group-call.compact .call-tiles{display:none}.group-call.compact .call-bar{margin-bottom:0}.group-call.compact>small{display:none}.full-replay-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:100;background:#111b2ff5;border:1px solid #ffffff33;border-radius:14px;padding:14px 18px;width:min(960px,95vw);color:#e8effa;font-size:10px}.full-replay-bar>b{font-size:9px;white-space:nowrap}.full-replay-bar>span{white-space:nowrap}.full-replay-bar input{flex:1;min-width:70px;accent-color:#d8f896}.full-replay-bar select{width:65px;padding:5px;font-size:11px}.full-replay-bar button{font-size:10px;padding:7px 10px}.spectator-badge{position:fixed;top:67px;left:20px;padding:7px 11px;background:#111b2fe6;color:#e4f3bf;border-radius:8px;z-index:21;font-size:9px;letter-spacing:1px}.battle-roster{position:fixed;right:15px;bottom:22px;z-index:12;display:flex;flex-direction:column;gap:4px;max-height:34vh;overflow:auto;background:#111724db;border:1px solid #ffffff22;border-radius:12px;padding:8px;width:220px}.battle-person{display:flex;gap:7px;align-items:center;border-left:3px solid var(--color);padding-left:6px;font-size:9px}.battle-person>.club-avatar{font-size:16px;background:#273448;border-color:#fff3}.battle-person>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-person>b{font-variant-numeric:tabular-nums;font-size:9px}.battle-call-button{position:fixed;right:18px;top:76px;z-index:25;font-size:11px;background:#111724ed;border-radius:12px}#invite-entry label{margin:10px 0}#invite-entry .primary{margin-top:15px}@media(max-width:1100px){.club-shell{grid-template-columns:190px 1fr}.club-nav{padding:24px 12px}.club-content{padding:28px 25px 70px}.club-columns,.club-team-grid{grid-template-columns:1fr}.club-kind-grid{grid-template-columns:1fr 1fr}.club-hero{padding:25px}.club-hero .club-avatar{width:90px!important;height:90px!important;font-size:60px}.club-hero h2{font-size:25px}}@media(max-width:700px){.club-shell{grid-template-columns:66px 1fr}.club-nav{padding:20px 6px;gap:4px}.club-brand{padding:0 0 15px;text-align:center}.club-brand b{font-size:0;letter-spacing:0}.club-brand b:first-letter{font-size:24px}.club-brand small,.club-me>div,.club-team-nav,.club-nav-bottom{display:none}.club-me{padding:8px 0 17px;justify-content:center}.club-me .club-avatar{width:38px!important;height:38px!important;font-size:27px}.club-nav-button{font-size:0;text-align:center;padding:12px 7px;min-height:42px}.club-nav-button:first-letter{font-size:20px}.club-topbar{padding:0 17px;height:53px;font-size:8px}.club-content{padding:22px 16px 65px}.club-page-title h1{font-size:28px}.club-page-title p{font-size:10px}.club-hero{padding:22px;min-height:0}.club-hero .club-avatar{display:none}.club-hero h2{font-size:23px}.club-hero p{font-size:10px}.club-stat-grid{grid-template-columns:1fr 1fr;gap:10px}.club-stat-grid .club-card{padding:15px}.club-stat-grid strong{font-size:24px}.club-card{padding:18px;border-radius:14px}.club-card h2{font-size:16px}.club-kind-grid{grid-template-columns:1fr}.club-kind{padding:16px}.club-roster-select{grid-template-columns:1fr}.club-history-row{padding:15px;gap:10px;flex-direction:column;align-items:stretch}.club-detail-row{gap:8px}.club-button,.club-primary{font-size:10px;padding:9px 11px}.chat-messages{padding:10px;height:45vh}.chat-message{max-width:100%;gap:6px}.chat-message>.club-avatar{width:25px!important;height:25px!important;font-size:18px}.chat-bubble{min-width:0;padding:10px}.chat-message-head{gap:9px}.chat-message-head b{font-size:9px}.chat-message-head small{font-size:7px}.chat-bubble>p{font-size:11px}.chat-compose{grid-template-columns:1fr}.chat-compose>.club-actions{grid-column:1}.club-dialog{padding:20px}.club-dialog .club-detail-row{align-items:flex-start}.group-call{right:8px;top:78px;padding:10px;width:94vw}.call-tiles{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px}.group-call.compact{width:250px}.call-placeholder .club-avatar{width:38px!important;height:38px!important;font-size:27px}.full-replay-bar{padding:10px;gap:8px;flex-wrap:wrap}.full-replay-bar input{order:2;flex-basis:100%}.full-replay-bar>b{font-size:8px}.battle-roster{right:7px;bottom:68px;width:150px;max-height:23vh;padding:6px}.battle-person{font-size:7px;gap:4px}.battle-person .club-avatar{width:18px!important;height:18px!important;font-size:14px}.battle-person>b{font-size:7px}.battle-call-button{top:82px;right:9px;font-size:9px;padding:9px}.spectator-badge{top:86px;left:9px;font-size:7px;max-width:190px}.result-score{font-size:clamp(16px,4vw,36px);overflow-wrap:anywhere}}.club-nav-button{display:flex;align-items:center;gap:12px}.club-nav-icon{font-size:18px;width:21px;display:inline-block;text-align:center}.club-nav-label{font-size:12px}@media(max-width:700px){.club-nav-button{justify-content:center}.club-nav-label{display:none}.club-nav-icon{font-size:21px}.club-nav-bottom{display:flex}.club-nav-bottom button{font-size:0;min-height:38px;padding:8px}.club-nav-bottom button:first-letter{font-size:19px}}.ffa .edge{display:none}.result-panel .result-score{overflow-wrap:anywhere;word-break:normal}.result-standings{display:flex;flex-direction:column;gap:6px;margin:14px 0;max-height:240px;overflow:auto}.result-standings>div{display:flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #ffffff22;border-radius:8px;font-size:11px}.result-standings>div>span{flex:1;text-align:left}.result-standings .club-avatar{font-size:19px;background:#253246;border-color:#fff3}.chat-read-state{display:block;font-size:8px;color:var(--club-muted);text-align:right;margin-top:7px}