:root{--bg-deep: #080810;--bg-base: #0c0c16;--bg-surface: #14142a;--bg-elevated: #1c1c34;--bg-hover: #24243e;--border: #2a2a48;--border-bright: #383860;--primary: #ff6b35;--primary-hover: #ff8555;--primary-dim: rgba(255, 107, 53, .12);--primary-glow: 0 0 20px rgba(255, 107, 53, .25);--accent: #00d4aa;--accent-dim: rgba(0, 212, 170, .12);--danger: #ff3355;--danger-dim: rgba(255, 51, 85, .12);--warning: #ffaa22;--warning-dim: rgba(255, 170, 34, .12);--success: #00e676;--success-dim: rgba(0, 230, 118, .12);--info: #448aff;--info-dim: rgba(68, 138, 255, .12);--text: #eae8e4;--text-dim: #8888a0;--text-muted: #505068;--team-red: #ff4466;--team-blue: #448aff;--rarity-epic: #bb66ff;--font-display: "Chakra Petch", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: .15s ease;--transition-slow: .3s ease;--bg-card: #181830;--bg-input: #0a0a14;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 8px 32px rgba(0,0,0,.4), 0 4px 8px rgba(0,0,0,.2);--shadow-xl: 0 16px 48px rgba(0,0,0,.5), 0 8px 16px rgba(0,0,0,.3);--shadow-glow-primary: 0 0 16px rgba(255, 107, 53, .15);--shadow-glow-accent: 0 0 16px rgba(0, 212, 170, .15);--primary-contrast: #000}[data-theme=arctic]{--bg-deep: #060a12;--bg-base: #0a1018;--bg-surface: #101c2e;--bg-elevated: #182840;--bg-hover: #203452;--bg-card: #142238;--bg-input: #080e16;--border: #1e3454;--border-bright: #2a4468;--primary: #3ea8ff;--primary-hover: #5bb8ff;--primary-dim: rgba(62, 168, 255, .12);--primary-glow: 0 0 20px rgba(62, 168, 255, .25);--accent: #00e6c8;--accent-dim: rgba(0, 230, 200, .12);--danger: #ff4466;--danger-dim: rgba(255, 68, 102, .12);--warning: #ffbb44;--warning-dim: rgba(255, 187, 68, .12);--success: #44dd88;--success-dim: rgba(68, 221, 136, .12);--info: #5599ff;--info-dim: rgba(85, 153, 255, .12);--text: #e4eaf0;--text-dim: #7a90a8;--text-muted: #4a6078;--shadow-glow-primary: 0 0 16px rgba(62, 168, 255, .15);--shadow-glow-accent: 0 0 16px rgba(0, 230, 200, .15)}[data-theme=toxic]{--bg-deep: #060806;--bg-base: #0a100a;--bg-surface: #141e14;--bg-elevated: #1c2e1c;--bg-hover: #243a24;--bg-card: #182818;--bg-input: #080c08;--border: #2a4a2a;--border-bright: #346034;--primary: #88ff44;--primary-hover: #99ff66;--primary-dim: rgba(136, 255, 68, .12);--primary-glow: 0 0 20px rgba(136, 255, 68, .25);--accent: #cc44ff;--accent-dim: rgba(204, 68, 255, .12);--danger: #ff4444;--danger-dim: rgba(255, 68, 68, .12);--warning: #ffcc22;--warning-dim: rgba(255, 204, 34, .12);--success: #44ff88;--success-dim: rgba(68, 255, 136, .12);--info: #44aaff;--info-dim: rgba(68, 170, 255, .12);--text: #e4f0e4;--text-dim: #80a880;--text-muted: #507050;--shadow-glow-primary: 0 0 16px rgba(136, 255, 68, .15);--shadow-glow-accent: 0 0 16px rgba(204, 68, 255, .15)}[data-theme=crimson]{--bg-deep: #0c0606;--bg-base: #120a0a;--bg-surface: #221414;--bg-elevated: #301c1c;--bg-hover: #3e2424;--bg-card: #1c1010;--bg-input: #0a0606;--border: #4a2a2a;--border-bright: #5c3838;--primary: #e63946;--primary-hover: #ee5060;--primary-dim: rgba(230, 57, 70, .12);--primary-glow: 0 0 20px rgba(230, 57, 70, .25);--accent: #ffc846;--accent-dim: rgba(255, 200, 70, .12);--danger: #ff3344;--danger-dim: rgba(255, 51, 68, .12);--warning: #ffa822;--warning-dim: rgba(255, 168, 34, .12);--success: #44cc66;--success-dim: rgba(68, 204, 102, .12);--info: #5588ee;--info-dim: rgba(85, 136, 238, .12);--text: #f0e4e4;--text-dim: #a88888;--text-muted: #685050;--shadow-glow-primary: 0 0 16px rgba(230, 57, 70, .15);--shadow-glow-accent: 0 0 16px rgba(255, 200, 70, .15)}[data-theme=midnight]{--bg-deep: #08081a;--bg-base: #0c0c22;--bg-surface: #141432;--bg-elevated: #1c1c42;--bg-hover: #24244e;--bg-card: #181840;--bg-input: #0a0a18;--border: #2e2e5a;--border-bright: #3a3a6e;--primary: #7c8cf8;--primary-hover: #949ef9;--primary-dim: rgba(124, 140, 248, .12);--primary-glow: 0 0 20px rgba(124, 140, 248, .25);--accent: #64d4c8;--accent-dim: rgba(100, 212, 200, .12);--danger: #f05060;--danger-dim: rgba(240, 80, 96, .12);--warning: #f0a840;--warning-dim: rgba(240, 168, 64, .12);--success: #50d080;--success-dim: rgba(80, 208, 128, .12);--info: #60a0f0;--info-dim: rgba(96, 160, 240, .12);--text: #e0dff0;--text-dim: #8888aa;--text-muted: #555570;--shadow-glow-primary: 0 0 16px rgba(124, 140, 248, .15);--shadow-glow-accent: 0 0 16px rgba(100, 212, 200, .15)}[data-theme=daylight]{--bg-deep: #f0f2f5;--bg-base: #f5f7fa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #e8ecf0;--bg-card: #ffffff;--bg-input: #f0f2f5;--border: #d0d5dd;--border-bright: #b8c0cc;--primary: #2563eb;--primary-hover: #3b82f6;--primary-contrast: #fff;--primary-dim: rgba(37, 99, 235, .08);--primary-glow: 0 0 20px rgba(37, 99, 235, .12);--accent: #0d9488;--accent-dim: rgba(13, 148, 136, .08);--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .08);--warning: #d97706;--warning-dim: rgba(217, 119, 6, .08);--success: #16a34a;--success-dim: rgba(22, 163, 74, .08);--info: #2563eb;--info-dim: rgba(37, 99, 235, .08);--text: #1a1a2e;--text-dim: #64748b;--text-muted: #94a3b8;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08);--shadow-glow-primary: 0 0 16px rgba(37, 99, 235, .1);--shadow-glow-accent: 0 0 16px rgba(13, 148, 136, .1)}[data-theme=sakura]{--bg-deep: #fdf2f8;--bg-base: #fef4fa;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-hover: #f5e0ee;--bg-card: #fff8fc;--bg-input: #fdf2f8;--border: #e8c8d8;--border-bright: #d4a8c0;--primary: #d946a8;--primary-hover: #e268b8;--primary-dim: rgba(217, 70, 168, .08);--primary-glow: 0 0 20px rgba(217, 70, 168, .12);--accent: #7c3aed;--accent-dim: rgba(124, 58, 237, .08);--danger: #e11d48;--danger-dim: rgba(225, 29, 72, .08);--warning: #ea580c;--warning-dim: rgba(234, 88, 12, .08);--success: #16a34a;--success-dim: rgba(22, 163, 74, .08);--info: #6366f1;--info-dim: rgba(99, 102, 241, .08);--text: #2e1a28;--text-dim: #8b6480;--text-muted: #b894a8;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08);--shadow-glow-primary: 0 0 16px rgba(217, 70, 168, .1);--shadow-glow-accent: 0 0 16px rgba(124, 58, 237, .1)}[data-theme=sand]{--bg-deep: #f5f0e8;--bg-base: #faf6f0;--bg-surface: #fffdf8;--bg-elevated: #ffffff;--bg-hover: #ece4d4;--bg-card: #fefcf6;--bg-input: #f5f0e8;--border: #d4c8b0;--border-bright: #c0b498;--primary: #d97706;--primary-hover: #e6900a;--primary-dim: rgba(217, 119, 6, .08);--primary-glow: 0 0 20px rgba(217, 119, 6, .12);--accent: #059669;--accent-dim: rgba(5, 150, 105, .08);--danger: #dc2626;--danger-dim: rgba(220, 38, 38, .08);--warning: #ca8a04;--warning-dim: rgba(202, 138, 4, .08);--success: #16a34a;--success-dim: rgba(22, 163, 74, .08);--info: #2563eb;--info-dim: rgba(37, 99, 235, .08);--text: #2e2418;--text-dim: #7a6e58;--text-muted: #a89878;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--shadow-xl: 0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08);--shadow-glow-primary: 0 0 16px rgba(217, 119, 6, .1);--shadow-glow-accent: 0 0 16px rgba(5, 150, 105, .1)}[data-theme=frost]{--bg-deep: #f0f4fa;--bg-base: #f6f8fd;--bg-surface: #fbfcff;--bg-elevated: #ffffff;--bg-hover: #eaeff8;--bg-card: #f8faff;--bg-input: #f0f4fa;--border: #dce4f0;--border-bright: #c8d4e8;--primary: #8aaae8;--primary-hover: #a0bef0;--primary-dim: rgba(138, 170, 232, .08);--primary-glow: 0 0 20px rgba(138, 170, 232, .1);--accent: #78c8b8;--accent-dim: rgba(120, 200, 184, .08);--danger: #d88090;--danger-dim: rgba(216, 128, 144, .08);--warning: #d8a868;--warning-dim: rgba(216, 168, 104, .08);--success: #68b888;--success-dim: rgba(104, 184, 136, .08);--info: #8aaae8;--info-dim: rgba(138, 170, 232, .08);--text: #384050;--text-dim: #788898;--text-muted: #a0acb8;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-xl: 0 16px 48px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.06);--shadow-glow-primary: 0 0 16px rgba(138, 170, 232, .08);--shadow-glow-accent: 0 0 16px rgba(120, 200, 184, .08)}[data-theme=blossom]{--bg-deep: #fcf4f8;--bg-base: #fef8fb;--bg-surface: #fffbfd;--bg-elevated: #ffffff;--bg-hover: #f6ecf2;--bg-card: #fef9fc;--bg-input: #fcf4f8;--border: #f0dce8;--border-bright: #e4c8d8;--primary: #d898c0;--primary-hover: #e0a8c8;--primary-dim: rgba(216, 152, 192, .08);--primary-glow: 0 0 20px rgba(216, 152, 192, .1);--accent: #9888d0;--accent-dim: rgba(152, 136, 208, .08);--danger: #d88090;--danger-dim: rgba(216, 128, 144, .08);--warning: #d8a068;--warning-dim: rgba(216, 160, 104, .08);--success: #68b888;--success-dim: rgba(104, 184, 136, .08);--info: #9090d8;--info-dim: rgba(144, 144, 216, .08);--text: #443040;--text-dim: #907888;--text-muted: #b8a0b0;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-xl: 0 16px 48px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.06);--shadow-glow-primary: 0 0 16px rgba(216, 152, 192, .08);--shadow-glow-accent: 0 0 16px rgba(152, 136, 208, .08)}[data-theme=dune]{--bg-deep: #f8f4ee;--bg-base: #fcf9f2;--bg-surface: #fefdf6;--bg-elevated: #ffffff;--bg-hover: #f0ebe0;--bg-card: #fdfcf4;--bg-input: #f8f4ee;--border: #e8dcc8;--border-bright: #d8ccb4;--primary: #c8a060;--primary-hover: #d4b070;--primary-dim: rgba(200, 160, 96, .08);--primary-glow: 0 0 20px rgba(200, 160, 96, .1);--accent: #78b090;--accent-dim: rgba(120, 176, 144, .08);--danger: #c88070;--danger-dim: rgba(200, 128, 112, .08);--warning: #c8a060;--warning-dim: rgba(200, 160, 96, .08);--success: #78a880;--success-dim: rgba(120, 168, 128, .08);--info: #8098c0;--info-dim: rgba(128, 152, 192, .08);--text: #40382a;--text-dim: #887c68;--text-muted: #b0a490;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.08), 0 4px 8px rgba(0,0,0,.04);--shadow-xl: 0 16px 48px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.06);--shadow-glow-primary: 0 0 16px rgba(200, 160, 96, .08);--shadow-glow-accent: 0 0 16px rgba(120, 176, 144, .08)}[data-theme=daylight] .connection-overlay,[data-theme=sakura] .connection-overlay,[data-theme=sand] .connection-overlay,[data-theme=frost] .connection-overlay,[data-theme=blossom] .connection-overlay,[data-theme=dune] .connection-overlay{background:#0006!important}[data-theme=daylight] .auth-overlay,[data-theme=sakura] .auth-overlay,[data-theme=sand] .auth-overlay,[data-theme=frost] .auth-overlay,[data-theme=blossom] .auth-overlay,[data-theme=dune] .auth-overlay,[data-theme=daylight] .pause-overlay,[data-theme=sakura] .pause-overlay,[data-theme=sand] .pause-overlay,[data-theme=frost] .pause-overlay,[data-theme=blossom] .pause-overlay,[data-theme=dune] .pause-overlay{background:#0000004d!important}[data-theme=daylight] .modal-overlay,[data-theme=sakura] .modal-overlay,[data-theme=sand] .modal-overlay,[data-theme=frost] .modal-overlay,[data-theme=blossom] .modal-overlay,[data-theme=dune] .modal-overlay{background:#00000059!important}[data-theme=daylight] .hud-spectator-banner,[data-theme=sakura] .hud-spectator-banner,[data-theme=sand] .hud-spectator-banner,[data-theme=frost] .hud-spectator-banner,[data-theme=blossom] .hud-spectator-banner,[data-theme=dune] .hud-spectator-banner{background:#ffffffd9!important;color:var(--text)!important}[data-theme=daylight] .hud-ow-board,[data-theme=sakura] .hud-ow-board,[data-theme=sand] .hud-ow-board,[data-theme=frost] .hud-ow-board,[data-theme=blossom] .hud-ow-board,[data-theme=dune] .hud-ow-board,[data-theme=daylight] .hud-round,[data-theme=sakura] .hud-round,[data-theme=sand] .hud-round,[data-theme=frost] .hud-round,[data-theme=blossom] .hud-round,[data-theme=dune] .hud-round,[data-theme=daylight] .hud-ow-roundend,[data-theme=sakura] .hud-ow-roundend,[data-theme=sand] .hud-ow-roundend,[data-theme=frost] .hud-ow-roundend,[data-theme=blossom] .hud-ow-roundend,[data-theme=dune] .hud-ow-roundend{background:#ffffffe0!important;color:var(--text)!important}[data-theme=daylight] .hud-ow-row.self,[data-theme=sakura] .hud-ow-row.self,[data-theme=sand] .hud-ow-row.self,[data-theme=frost] .hud-ow-row.self,[data-theme=blossom] .hud-ow-row.self,[data-theme=dune] .hud-ow-row.self,[data-theme=daylight] .hud-ow-roundend-table tr.self,[data-theme=sakura] .hud-ow-roundend-table tr.self,[data-theme=sand] .hud-ow-roundend-table tr.self,[data-theme=frost] .hud-ow-roundend-table tr.self,[data-theme=blossom] .hud-ow-roundend-table tr.self,[data-theme=dune] .hud-ow-roundend-table tr.self{background:#00000012!important}[data-theme=daylight] .hud-auth-bar,[data-theme=sakura] .hud-auth-bar,[data-theme=sand] .hud-auth-bar,[data-theme=frost] .hud-auth-bar,[data-theme=blossom] .hud-auth-bar,[data-theme=dune] .hud-auth-bar,[data-theme=daylight] .menu-landing--docked .menu-landing-buttons,[data-theme=sakura] .menu-landing--docked .menu-landing-buttons,[data-theme=sand] .menu-landing--docked .menu-landing-buttons,[data-theme=frost] .menu-landing--docked .menu-landing-buttons,[data-theme=blossom] .menu-landing--docked .menu-landing-buttons,[data-theme=dune] .menu-landing--docked .menu-landing-buttons{background:#ffffffd9!important;border-color:#00000026!important}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-deep);color:var(--text);font-family:var(--font-body);font-size:14px;overflow:hidden;width:100vw;height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#game-container{width:100%;height:100%;position:relative}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#ui-overlay>*{pointer-events:auto}#game-container canvas{position:relative;z-index:1}.connection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080810d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center}.connection-message{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text);font-size:18px;font-family:var(--font-display);font-weight:600;letter-spacing:1px}.connection-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.auth-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#080810cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100}.menu-landing{position:absolute;bottom:12px;left:50%;transform:translate(-50%,calc(-15vh + 12px));z-index:50;text-align:center}.menu-landing--docked{transform:translate(-50%);transition:transform .45s ease,bottom .45s ease}.menu-landing-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:220px}.menu-landing-brand{display:none}.menu-landing--docked .menu-landing-buttons{flex-direction:row;gap:10px;min-width:0;padding:8px 14px;background:#0808108c;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-landing--docked .menu-landing-buttons .btn{width:auto;white-space:nowrap;padding:8px 16px;font-size:14px}.menu-landing--docked .menu-player-count{display:none}.menu-landing--docked .menu-landing-brand{display:block}.menu-landing-buttons .btn{width:220px}.menu-landing-buttons .btn-lg{padding:14px 32px;font-size:18px;font-family:var(--font-display);font-weight:700;letter-spacing:1px}.menu-player-count{color:var(--text-muted);font-size:12px;margin-top:-4px}.auth-form{position:relative;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-xl);padding:40px;width:420px;max-width:90vw;box-shadow:var(--primary-glow),var(--shadow-glow-accent),var(--shadow-xl);animation:modalIn .3s ease}.auth-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-size:22px;line-height:1;cursor:pointer;transition:all var(--transition)}.auth-close:hover{color:var(--text);background:#ffffff14}.auth-form h2{text-align:center;margin-bottom:28px;color:var(--primary);font-size:28px;font-family:var(--font-display);font-weight:700;letter-spacing:3px;text-transform:uppercase}.auth-form h2 span{color:var(--text)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-dim);font-weight:500;letter-spacing:.3px}.form-group input{width:100%;padding:11px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.form-group input::placeholder{color:var(--text-muted)}.form-group select{width:100%;padding:11px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;cursor:pointer;transition:border-color var(--transition)}.form-group select:focus{border-color:var(--primary)}.form-error{color:var(--danger);font-size:13px;margin-top:8px;text-align:center}.auth-switch{text-align:center;margin-top:16px;font-size:14px;color:var(--text-dim)}.auth-switch a{color:var(--primary);cursor:pointer;text-decoration:none;font-weight:600;transition:color var(--transition)}.auth-switch a:hover{color:var(--primary-hover);text-decoration:underline}.auth-footer-links{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);font-size:12px}.auth-footer-links a{color:var(--text-dim);text-decoration:none;cursor:pointer;transition:color var(--transition)}.auth-footer-links a:hover{color:var(--text);text-decoration:underline}.auth-footer-sep{margin:0 8px;color:var(--text-muted);opacity:.5}.auth-lang-picker{position:absolute;top:12px;right:12px}.auth-lang-toggle{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:20px;line-height:1;padding:4px 8px;transition:border-color var(--transition)}.auth-lang-toggle:hover{border-color:var(--primary)}.auth-lang-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0000004d;overflow:hidden;z-index:10;min-width:140px}.auth-lang-dropdown.open{display:flex;flex-direction:column}.auth-lang-option{background:none;border:none;cursor:pointer;padding:8px 14px;font-size:14px;color:var(--text);text-align:left;white-space:nowrap;transition:background var(--transition)}.auth-lang-option:hover{background:var(--bg-hover)}.auth-lang-option.active{color:var(--primary);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition);text-align:center;letter-spacing:.3px;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-glow-primary)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.auth-form .btn-primary{width:100%;padding:12px;font-size:15px;font-family:var(--font-display);font-weight:600;letter-spacing:1px;text-transform:uppercase}.btn-secondary{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-secondary:hover{background:var(--primary-dim)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid transparent}.btn-ghost:hover{color:var(--text);background:var(--bg-hover);border-color:var(--border)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-body);font-weight:600;transition:all var(--transition)}.btn-danger:hover{background:#ff335540}.btn-warn{background:var(--warning-dim);color:var(--warning);border:1px solid var(--warning);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-body);font-weight:600;transition:all var(--transition)}.btn-warn:hover{background:#ffaa2240}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger-text{color:var(--danger)}#toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column-reverse;gap:8px}.toast{padding:14px 20px;border-radius:var(--radius);font-size:14px;font-family:var(--font-body);animation:slideIn .3s ease;min-width:280px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:3px solid}.toast-success{background:var(--success-dim);border-color:var(--success);color:var(--success)}.toast-error{background:var(--danger-dim);border-color:var(--danger);color:var(--danger)}.toast-info{background:var(--info-dim);border-color:var(--info);color:var(--info)}.lobby-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;padding:0;background:var(--bg-base)}.lobby-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 80%,var(--primary-dim) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,var(--accent-dim) 0%,transparent 50%);pointer-events:none;z-index:0}.lobby-container>*{position:relative;z-index:1}.lobby-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:0 4px 20px #0000004d}.lobby-header h1{color:var(--primary);font-size:24px;font-family:var(--font-display);font-weight:700;letter-spacing:3px;text-transform:uppercase}.lobby-header h1 span{color:var(--text)}.room-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-6);align-content:start}.room-list.empty{display:flex;align-items:center;justify-content:center}.room-list-empty-state{color:var(--text-muted);text-align:center;font-size:15px;padding:20px}.room-card{background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius);padding:16px 18px;cursor:pointer;transition:all var(--transition);position:relative}.room-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px);background:var(--bg-elevated)}.room-card h3{margin-bottom:10px;color:var(--text);font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.5px}.room-card .room-info{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-dim)}.room-card .room-mode{background:var(--primary-dim);padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;color:var(--primary);letter-spacing:.5px;font-family:var(--font-display);text-transform:uppercase}.gp-focus{outline:2px solid var(--primary)!important;outline-offset:2px;box-shadow:var(--primary-glow)!important}.room-card.gp-focus{border-color:var(--primary);background:var(--bg-elevated);transform:translateY(-2px)}.gp-dropdown{background:var(--bg-surface);border:1px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-lg),var(--shadow-glow-primary);max-height:240px;overflow-y:auto;padding:4px 0}.gp-dropdown-item{padding:8px 14px;font-size:14px;font-family:var(--font-body);color:var(--text-dim);cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-dropdown-item.gp-dropdown-active{background:var(--primary);color:#fff;font-weight:600}.pause-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#08081099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:300}.pause-menu{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:var(--sp-8);min-width:280px;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.pause-title{font-family:Chakra Petch,sans-serif;font-size:28px;font-weight:700;letter-spacing:4px;color:var(--text);margin:0 0 var(--sp-2) 0}.pause-btn{width:200px;padding:var(--sp-3) var(--sp-4);font-size:15px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#080810bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg-surface);border:1px solid var(--border-bright);border-radius:var(--radius-lg);padding:32px;width:450px;max-width:90vw;box-shadow:0 24px 80px #00000080;animation:modalIn .2s ease}.modal h2{margin-bottom:20px;color:var(--primary);font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:1px}.modal-actions{display:flex;gap:12px;margin-top:20px}.modal-actions .btn{flex:1}.settings-title{font-size:13px;font-weight:600;color:var(--primary);margin-bottom:8px;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase}.help-section{margin-bottom:16px}.help-heading{font-size:12px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border);font-family:var(--font-display)}.help-row{font-size:13px;padding:4px 0;color:#d0d0d8;line-height:1.5}.help-key{display:inline-block;background:var(--bg-elevated);color:var(--text);padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:var(--font-mono);margin-right:4px;border:1px solid var(--border)}.help-tip{font-size:12px;color:var(--text-muted);font-style:italic;margin-bottom:6px}.help-tile{display:inline-block;width:22px;height:22px;border-radius:3px;margin-right:4px;vertical-align:middle;flex-shrink:0}.help-subheading{font-size:13px;font-weight:600;color:var(--primary);margin-top:14px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.help-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px;margin-top:8px}.help-theme-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:var(--radius);background:#ffffff08}.help-theme-cell canvas{border-radius:3px}.help-theme-label{font-size:11px;color:var(--text-dim);text-align:center}.help-powerup-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.help-powerup-row:last-child{border-bottom:none}.help-mode-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.help-mode-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.help-mode-name{font-size:16px;font-weight:700;color:var(--primary);font-family:var(--font-display)}.help-mode-players{font-size:12px;color:var(--text-dim);background:var(--bg-elevated);padding:2px 10px;border-radius:10px}.help-mode-tags{display:flex;gap:6px;margin-bottom:6px}.help-mode-tag{font-size:11px;padding:1px 8px;border-radius:8px;background:var(--primary-dim);color:var(--primary);font-weight:600}.help-mode-desc{font-size:13px;color:#d0d0d8;line-height:1.6}.help-guide-section{margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.help-guide-section summary{padding:12px 16px;background:var(--bg-surface);color:var(--text);font-weight:600;font-family:var(--font-display);cursor:pointer;transition:background var(--transition);list-style:none}.help-guide-section summary::-webkit-details-marker{display:none}.help-guide-section summary:before{content:"▶";display:inline-block;margin-right:10px;font-size:10px;transition:transform .2s;color:var(--primary)}.help-guide-section[open] summary:before{transform:rotate(90deg)}.help-guide-section summary:hover{background:var(--bg-hover)}.help-markdown{padding:16px;line-height:1.7;color:var(--text);font-size:14px}.help-markdown h1,.help-markdown h2,.help-markdown h3,.help-markdown h4{color:var(--primary);font-family:var(--font-display);margin:20px 0 10px}.help-markdown h1{font-size:22px}.help-markdown h2{font-size:18px;border-bottom:1px solid var(--border);padding-bottom:6px}.help-markdown h3{font-size:15px;color:var(--text)}.help-markdown code{background:var(--bg-elevated);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px;color:var(--accent)}.help-markdown pre{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow-x:auto;margin:12px 0}.help-markdown pre code{background:none;padding:0;color:var(--text)}.help-markdown table{width:100%;border-collapse:collapse;margin:12px 0}.help-markdown th,.help-markdown td{border:1px solid var(--border);padding:8px 12px;text-align:left;font-size:13px}.help-markdown th{background:var(--bg-elevated);color:var(--text);font-weight:600}.help-markdown a{color:var(--accent);text-decoration:none}.help-markdown a:hover{text-decoration:underline}.help-markdown ul,.help-markdown ol{padding-left:24px;margin:8px 0}.help-markdown li{margin:4px 0}.help-markdown blockquote{border-left:3px solid var(--primary);margin:12px 0;padding:8px 16px;background:var(--bg-surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.help-markdown img{max-width:100%;border-radius:var(--radius)}.help-heading-spaced{margin-top:14px}.help-row-spaced{margin-bottom:8px}.help-powerup-icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius);image-rendering:pixelated}.help-powerup-info{flex:1;min-width:0}.help-powerup-name{font-weight:700;font-size:14px;margin-bottom:2px;font-family:var(--font-display)}.help-powerup-desc{font-size:13px;color:#d0d0d8;line-height:1.5}.help-status{color:var(--text-muted);padding:20px;text-align:center}.help-status-error{color:var(--danger);padding:20px;text-align:center}.admin-banner{background:linear-gradient(90deg,var(--bg-elevated),var(--bg-surface));border:1px solid var(--warning);border-radius:var(--radius);padding:12px 18px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--warning);box-shadow:0 2px 12px #ffaa221a}.admin-banner .banner-close{cursor:pointer;color:var(--text-muted);font-size:18px;background:none;border:none;padding:0 4px;transition:color var(--transition)}.admin-banner .banner-close:hover{color:var(--text)}.hud-container{position:absolute;top:0;left:0;width:100%;pointer-events:none}.hud-top{display:flex;justify-content:space-between;padding:12px 20px}.hud-timer{font-size:26px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);font-family:var(--font-display);letter-spacing:2px}.hud-players{position:absolute;top:12px;right:20px;font-size:13px;font-family:var(--font-body)}.hud-player-item{display:flex;align-items:center;gap:8px;margin-bottom:3px;padding:4px 10px;background:#0000008c;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid transparent;transition:all var(--transition)}.hud-player-item.dead{opacity:.35;text-decoration:line-through}.hud-player-item.clickable{cursor:pointer;pointer-events:auto}.hud-player-item.clickable:hover{background:#ff6b354d;border-color:var(--primary)}.hud-stats{display:flex;gap:8px;align-items:center;pointer-events:none}.stat-item{font-size:14px;padding:3px 8px;background:#00000080;border-radius:var(--radius-sm);transition:background .3s,color .3s;font-family:var(--font-body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-item.stat-changed{background:#ff6b3580;animation:statFlash .5s ease}.hud-killfeed{position:absolute;bottom:60px;left:20px;font-size:13px;pointer-events:none}.killfeed-entry{padding:4px 10px;margin-bottom:3px;background:#0000008c;border-radius:var(--radius-sm);border-left:2px solid var(--primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s}.hud-stats-bar{position:absolute;bottom:12px;left:12px;display:flex;gap:6px;pointer-events:none}.hud-minimap{position:absolute;bottom:12px;right:12px;background:#080810b3;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:4px;pointer-events:none;z-index:100}.hud-minimap canvas{display:block;border-radius:2px}.hud-top-left{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hud-round{font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);background:#08081099;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);padding:2px 8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-ow-board{position:absolute;top:12px;right:20px;width:236px;max-width:40vw;background:#08081099;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-family:var(--font-body);font-size:12px;overflow:hidden;pointer-events:none}.hud-ow-title{font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.12)}.hud-ow-rows{padding:4px 0}.hud-ow-row{display:flex;align-items:center;gap:8px;padding:3px 10px}.hud-ow-row.self{background:#ffffff14;box-shadow:inset 2px 0 0 var(--primary)}.hud-ow-rank{width:16px;text-align:right;opacity:.6;font-variant-numeric:tabular-nums}.hud-ow-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-ow-kd{opacity:.6;font-variant-numeric:tabular-nums}.hud-ow-score{min-width:26px;text-align:right;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.hud-ow-gap,.hud-ow-empty{padding:2px 10px;text-align:center;opacity:.45}.hud-ow-roundend{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:340px;padding:20px 24px;background:#080810e0;border:1px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--primary-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-body);text-align:center;pointer-events:none;z-index:210}.hud-ow-roundend-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary)}.hud-ow-roundend-sub{font-size:13px;opacity:.7;margin-bottom:12px}.hud-ow-roundend-table{width:100%;border-collapse:collapse;font-size:13px}.hud-ow-roundend-table th{padding:2px 6px;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;opacity:.5}.hud-ow-roundend-table td{padding:3px 6px;font-variant-numeric:tabular-nums}.hud-ow-roundend-table td:nth-child(2){max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.hud-ow-roundend-table tr.self{background:#ffffff14}.hud-ow-roundend-next{margin-top:14px;font-family:var(--font-display);font-size:13px;letter-spacing:1px;color:var(--primary)}@media (max-width: 860px){.hud-ow-board{width:176px;font-size:11px}.hud-ow-roundend{min-width:0;width:90vw;padding:16px}}.hud-auth-bar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0808108c;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;animation:authBarDock .4s ease}.hud-auth-bar .btn{white-space:nowrap;padding:8px 16px;font-size:14px}.hud-auth-bar--instant{animation:none}.hud-auth-brand,.menu-landing--docked .menu-landing-brand{font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:1px;color:var(--primary);margin-right:4px}.hud-auth-brand span,.menu-landing-brand span{color:var(--text)}@keyframes authBarDock{0%{transform:translate(-50%,-120px);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 860px){.hud-auth-bar,.menu-landing--docked{bottom:60px}.hud-auth-brand,.menu-landing--docked .menu-landing-brand{display:none}}.hud-death-banner{position:absolute;top:35%;left:50%;transform:translate(-50%);background:#b41e1ed9;border:1px solid rgba(255,80,80,.6);border-radius:var(--radius);padding:12px 28px;font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;pointer-events:none;z-index:200;transition:opacity .5s}.emote-wheel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0000004d}.emote-wheel-ring{position:relative;width:0;height:0}.emote-wheel-item{position:absolute;width:64px;height:32px;margin-left:-32px;margin-top:-16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text);font-family:var(--font-heading);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s;display:flex;align-items:center;justify-content:center}.emote-wheel-item:hover{background:var(--primary);color:#fff;transform:translate(var(--tw-translate-x, 0),var(--tw-translate-y, 0)) scale(1.15);z-index:1}.hud-spectator-banner{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#080810bf;border:1px solid var(--primary);border-radius:var(--radius);padding:10px 24px;font-size:13px;color:var(--primary);text-align:center;pointer-events:none;font-family:var(--font-display);font-weight:600;letter-spacing:.5px;box-shadow:var(--primary-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.admin-container{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-base);padding:24px;overflow-y:auto;display:flex;flex-direction:column}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{font-family:var(--font-display);font-weight:700;letter-spacing:2px;color:var(--primary)}.admin-tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--border)}.admin-tab{padding:12px 22px;background:transparent;border:none;color:var(--text-dim);font-size:14px;font-weight:600;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition)}.admin-tab:hover{color:var(--text);background:var(--bg-hover)}.admin-tab.active{color:var(--text);border-bottom-color:var(--primary);background:var(--bg-hover)}.admin-tab-content{flex:1;overflow-y:auto}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;text-align:center;position:relative;overflow:hidden;transition:border-color var(--transition)}.stat-card:hover{border-color:var(--border-bright)}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.6}.stat-card .stat-value{font-size:32px;font-weight:700;color:var(--primary);font-family:var(--font-display);letter-spacing:1px}.stat-card .stat-label{font-size:13px;color:var(--text-dim);margin-top:4px;font-weight:500}.admin-table{width:100%;border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.admin-table th,.admin-table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--bg-elevated);font-size:12px;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-display)}.admin-table td{font-size:14px}.admin-table tbody tr{transition:background var(--transition)}.admin-table tbody tr:hover td{background:var(--bg-hover)}.admin-search{display:flex;gap:12px;margin-bottom:16px}.admin-search input{flex:1;padding:11px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.admin-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:12px}.admin-pagination button{padding:7px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;font-size:13px;font-family:var(--font-body);font-weight:500;transition:all var(--transition)}.admin-pagination button:hover:not(:disabled){border-color:var(--primary);background:var(--primary-dim)}.admin-pagination button:disabled{opacity:.3;cursor:not-allowed}.admin-pagination .page-info{font-size:13px;color:var(--text-dim)}.admin-select{padding:5px 10px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition)}.admin-select:focus{border-color:var(--primary);outline:none}.admin-input{padding:11px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)}.admin-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.admin-textarea{padding:11px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;width:100%;box-sizing:border-box;resize:vertical;min-height:60px;transition:border-color var(--transition),box-shadow var(--transition)}.admin-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.admin-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.admin-section h3{margin:0 0 12px;color:var(--text);font-size:16px;font-family:var(--font-display);font-weight:600;letter-spacing:.5px}.admin-filters{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.admin-filters select{padding:9px 14px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--font-body)}.confirm-input{width:100%;padding:11px 14px;background:var(--bg-deep);border:1px solid var(--danger);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);margin-top:12px;box-sizing:border-box;outline:none;transition:box-shadow var(--transition)}.confirm-input:focus{box-shadow:0 0 0 3px var(--danger-dim)}.toast-preview{margin:12px 0;padding:12px 20px;border-radius:var(--radius);background:var(--info-dim);border:1px solid var(--info);color:#a0c4ff;font-size:14px}.match-detail-row{display:flex;gap:16px;margin-bottom:8px;font-size:14px}.match-detail-row .label{color:var(--text-dim);min-width:100px;font-weight:500}.match-detail-row .value{color:var(--text)}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;font-family:var(--font-display)}.badge-admin{background:var(--primary-dim);color:var(--primary);border:1px solid var(--primary-dim)}.badge-moderator{background:var(--info-dim);color:var(--info);border:1px solid var(--info-dim)}.badge-banned{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-dim)}.badge-user{background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border)}.badge-deactivated{background:#50506826;color:var(--text-muted);border:1px solid var(--text-muted)}.badge-active{background:var(--success-dim);color:var(--success);border:1px solid var(--success-dim)}.lb-filter-bar{padding:var(--sp-4) var(--sp-6) 0;display:flex;align-items:center;gap:12px;flex-shrink:0}.lb-filter-bar label{color:var(--text-dim);font-size:13px}.lb-content{padding:var(--sp-5) var(--sp-6) var(--sp-6)}.lb-status{color:var(--text-dim);padding:40px 0;text-align:center}.lb-status.error{color:var(--danger)}.lb-rank-pill{display:inline-block;color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.lb-level-pill{display:inline-block;background:var(--bg-elevated);color:var(--text);padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.lb-user-link{color:var(--accent);cursor:pointer;font-weight:600}.lb-user-link:hover{text-decoration:underline}.lb-rank-col{font-weight:700;color:var(--text-dim)}.lb-elo-col{font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes statFlash{0%{background:#ff6b35b3;color:#fff}to{background:#00000080;color:var(--text)}}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}::selection{background:var(--primary);color:#fff}.level-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;transition:background .15s}.level-row:hover{background:var(--bg-hover)}.level-row.locked{opacity:.4;pointer-events:none}.level-stars{color:#fd4;font-size:16px;min-width:60px}.level-name{font-weight:600;flex:1}.level-meta{font-size:12px;color:var(--text-dim);margin-left:12px}.level-start-btn{padding:4px 16px;background:var(--primary);color:#fff;border:none;border-radius:4px;font-family:Chakra Petch,sans-serif;font-weight:700;cursor:pointer;font-size:13px}.level-start-btn:hover{filter:brightness(1.15)}.friends-empty{text-align:center;padding:30px 16px;color:var(--text-muted);font-size:13px}.friends-section-label{padding:4px 12px 8px;color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.friends-section-label.spaced{padding-top:12px}.status-dot.online,.status-dot.in_lobby{background:var(--success)}.status-dot.in_game{background:var(--warning)}.status-dot.in_campaign{background:var(--info)}.status-dot.offline{background:var(--text-muted)}.party-bar{display:flex;align-items:center;gap:12px;padding:10px 24px;background:var(--bg-surface);border-bottom:1px solid var(--border);font-size:13px}.party-bar .party-label{color:var(--accent);font-weight:700;font-family:var(--font-display);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.party-members{display:flex;gap:6px;flex:1}.party-member-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);font-size:12px;color:var(--text)}.party-member-chip .leader-icon{color:var(--warning);font-size:10px}.party-member-avatar{width:22px;height:22px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#00000080;background:var(--accent)}.party-chat{position:fixed;bottom:52px;right:16px;width:300px;max-height:250px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;z-index:190;box-shadow:0 4px 20px #0006}.party-chat-messages{flex:1;overflow-y:auto;padding:10px 12px;max-height:180px;font-size:12px}.party-chat-msg{margin-bottom:6px}.party-chat-msg .sender{font-weight:600;color:var(--accent);margin-right:6px}.party-chat-msg .text{color:var(--text-dim)}.party-chat-input{display:flex;border-top:1px solid var(--border);padding:8px;gap:6px}.party-chat-input input{flex:1;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--text);font-size:12px;font-family:var(--font-body);outline:none}.profile-page{display:flex;flex-direction:column;flex:1;overflow:hidden}.profile-page-loading,.profile-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted);font-size:15px;gap:var(--sp-3)}.profile-page-empty-icon{font-size:40px;opacity:.5}.profile-page-content{flex:1;overflow-y:auto;padding:var(--sp-5) var(--sp-6) var(--sp-6)}.profile-page-header-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);margin-bottom:var(--sp-5)}.profile-page-identity{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-4)}.profile-page-username{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text)}.profile-page-join{font-size:12px;color:var(--text-muted);margin-top:2px}.profile-page-rank-group{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--sp-4)}.profile-page-rank-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.profile-page-rank-value{font-family:var(--font-display);font-size:18px;font-weight:700}.profile-page-level-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--accent)}.profile-page-elo-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text)}.profile-page-elo-peak{font-size:11px;color:var(--text-muted)}.profile-page-xp-bar{margin-top:var(--sp-2)}.profile-page-xp-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-bottom:4px}.profile-page-section{margin-bottom:var(--sp-5)}.profile-page-section-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--sp-3)}.profile-page-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2)}.profile-page-stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-3);text-align:center}.profile-page-stat-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text)}.profile-page-stat-label{font-size:11px;color:var(--text-muted);margin-top:2px}.profile-page-achievements{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.profile-page-achievement{display:flex;align-items:center;gap:var(--sp-2);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:13px}.profile-page-achievement-icon{font-size:16px}.profile-page-achievement-name{color:var(--text)}.profile-page-cosmetics{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.profile-page-progress-list{display:flex;flex-direction:column;gap:var(--sp-2)}.profile-page-progress-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}.profile-page-progress-header{display:flex;align-items:center;gap:var(--sp-2);font-size:13px;margin-bottom:4px}.profile-page-progress-name{flex:1;color:var(--text)}.profile-page-progress-count{color:var(--text-muted);font-size:12px}.create-room-page{display:flex;flex-direction:column;flex:1}.create-room-content{padding:var(--sp-5) var(--sp-6) var(--sp-6)}.create-room-section{margin-bottom:var(--sp-5)}.create-room-section:last-child{margin-bottom:0}.create-room-section-title{font-family:var(--font-display);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin:0 0 var(--sp-3)}.create-room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3)}.create-room-grid .form-group label{font-size:12px;color:var(--text-dim);margin-bottom:var(--sp-1);display:block}.create-room-grid .form-group .input,.create-room-grid .form-group .select,.create-room-grid .form-group select{width:100%;font-size:13px;padding:var(--sp-2) var(--sp-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body)}.create-room-grid .form-group select:disabled{opacity:.4}.create-room-options{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.create-room-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);padding-top:var(--sp-4)}.party-page{display:flex;flex:1;min-height:0;gap:0}.party-page.party-page-empty{align-items:center;justify-content:center}.party-empty-content{text-align:center;max-width:360px}.party-empty-icon{font-size:48px;color:var(--accent);margin-bottom:var(--sp-4);opacity:.6}.party-empty-title{font-family:var(--font-display);color:var(--text);font-size:22px;margin:0 0 var(--sp-2)}.party-empty-text{color:var(--text-dim);font-size:14px;margin:0 0 var(--sp-5);line-height:1.5}.party-empty-tip{color:var(--text-muted);font-size:12px;margin-top:var(--sp-4)}.party-page-main{flex:1;display:flex;flex-direction:column;min-width:0}.party-page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--border);flex-shrink:0}.party-page-header-info{display:flex;align-items:baseline;gap:var(--sp-3)}.party-page-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--accent)}.party-page-count{font-size:13px;color:var(--text-dim)}.party-page-header-actions{display:flex;gap:var(--sp-2)}.party-members-grid{padding:var(--sp-4) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.party-member-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s}.party-member-card.leader{border-color:var(--warning);border-width:1px}.party-member-card-avatar{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--bg);position:relative;flex-shrink:0}.party-leader-crown{position:absolute;top:-6px;right:-6px;font-size:12px;color:var(--warning)}.party-member-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.party-member-card-name{font-weight:600;font-size:14px;color:var(--text)}.party-member-card-role{font-size:12px;color:var(--text-muted)}.party-page-chat{width:320px;border-left:1px solid var(--border);display:flex;flex-direction:column;background:var(--bg);flex-shrink:0}.party-page-chat-header{padding:var(--sp-3) var(--sp-4);font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.party-page-chat-messages{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:4px}.party-page-chat-empty,.party-page-chat-disabled{color:var(--text-muted);font-size:13px;text-align:center;padding:var(--sp-6) var(--sp-4)}.party-page-chat-msg{font-size:13px;line-height:1.4}.party-chat-sender{font-weight:600;color:var(--accent);margin-right:6px}.party-chat-text{color:var(--text-dim)}.party-page-chat-input{display:flex;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-top:1px solid var(--border)}.party-page-chat-input .input{flex:1;font-size:13px}.party-invite-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.party-invite-item:last-child{border-bottom:none}.party-invite-avatar{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--bg);flex-shrink:0}.party-invite-name{flex:1;font-size:14px;font-weight:500;color:var(--text)}.party-invite-status{font-size:8px;margin-right:var(--sp-2)}.invite-toast{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius);margin-bottom:8px;font-size:13px;animation:slideIn .3s ease}.invite-toast .invite-text{flex:1;color:var(--text)}.invite-toast .invite-actions{display:flex;gap:6px}.invite-toast .invite-actions .btn{padding:4px 12px;font-size:12px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.lobby-chat{position:fixed;bottom:16px;right:16px;z-index:150;width:380px;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow-lg)}.lobby-chat-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:var(--bg-elevated);border:none;color:var(--text);font-family:Chakra Petch,sans-serif;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.5px}.lobby-chat-toggle.expanded{border-bottom:1px solid var(--border)}.lobby-chat-toggle:hover{background:var(--bg-hover)}.lobby-chat-toggle .lobby-chat-arrow{font-size:10px;color:var(--text-muted);transition:transform .2s}.lobby-chat-body{display:flex;flex-direction:column;background:var(--bg-deep)}.lobby-chat-messages{height:280px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:4px;scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}.lobby-chat-empty{color:var(--text-muted);font-size:11px;text-align:center;padding:16px 0;font-style:italic}.lobby-chat-msg{font-size:12px;line-height:1.4;word-wrap:break-word}.lobby-chat-msg-name{font-weight:600}.lobby-chat-msg-text{color:var(--text-dim)}.lobby-chat-input-row{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--border);background:var(--bg-surface)}.lobby-chat-input{flex:1;padding:8px 10px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;font-family:DM Sans,sans-serif;outline:none}.lobby-chat-input:focus{border-color:var(--border-bright)}.lobby-chat-send{padding:8px 14px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);white-space:nowrap}.app-layout{display:flex;width:100%;height:100%;position:absolute;top:0;left:0;background:var(--bg-base)}.sidebar{width:240px;min-width:240px;height:100%;background:var(--bg-surface);display:flex;flex-direction:column;transition:width var(--transition-slow),min-width var(--transition-slow);z-index:50;flex-shrink:0;overflow:hidden;position:relative}.sidebar.collapsed{width:64px;min-width:64px}.sidebar-brand{padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-2);height:60px;flex-shrink:0;overflow:hidden;white-space:nowrap}.sidebar-brand h1{font-size:20px;font-family:var(--font-display);font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin:0;line-height:1}.sidebar-brand h1 span{color:var(--text)}.sidebar.collapsed .sidebar-brand{padding:var(--sp-4) 0;justify-content:center}.sidebar.collapsed .sidebar-brand-full{display:none}.sidebar.collapsed .sidebar-brand-icon{display:flex}.sidebar-brand-icon{display:none;font-size:18px;font-family:var(--font-display);font-weight:700;letter-spacing:1px;color:var(--primary)}.sidebar-brand-icon span{color:var(--text)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-2);border-right:1px solid var(--border)}.sidebar-section-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:var(--sp-3) var(--sp-3) var(--sp-1);font-weight:700;font-family:var(--font-display);white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-section-label{font-size:0;padding:var(--sp-2) 0;text-align:center;border-bottom:1px solid var(--border);margin:0 var(--sp-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--radius);color:var(--text-dim);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);border:1px solid transparent;white-space:nowrap;overflow:hidden;margin-bottom:2px;background:none;width:100%;text-align:left;font-family:var(--font-body)}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav-item.active{background:var(--bg-hover);color:var(--text);border-color:var(--border)}.sidebar-nav-item .nav-icon{width:20px;min-width:20px;text-align:center;font-size:15px;flex-shrink:0}.sidebar-nav-item .nav-label{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px 0}.sidebar-nav-item .nav-badge{margin-left:auto;background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar.collapsed .nav-badge{position:absolute;top:2px;right:2px;margin-left:0;padding:0 4px;font-size:9px;min-width:14px}.sidebar.collapsed .sidebar-nav-item{position:relative}.sidebar-divider{height:1px;background:var(--border);margin:var(--sp-2) var(--sp-2)}.sidebar-footer{padding:var(--sp-3);border-top:1px solid var(--border);border-right:1px solid var(--border);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--sp-2)}.sidebar-user-avatar{width:32px;height:32px;border-radius:var(--radius);background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;font-family:var(--font-display);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{font-weight:600;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-rank{font-size:11px;color:var(--text-dim);display:flex;gap:var(--sp-1);align-items:center}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-ear{position:absolute;left:240px;top:50%;transform:translateY(-50%);width:14px;height:40px;background:var(--bg-surface);border:1px solid var(--border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:51;transition:background .15s,left var(--transition-slow)}.sidebar-ear:hover{background:var(--bg-hover)}.sidebar-ear-icon{font-size:9px;color:var(--text-muted);line-height:1}.sidebar-ear:hover .sidebar-ear-icon{color:var(--text)}.sidebar.collapsed~.sidebar-ear{left:64px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative}.main-header{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--sp-6);border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-surface);height:60px;box-sizing:border-box}.main-header-actions{display:flex;gap:8px;align-items:center}.view-content{display:flex;flex-direction:column;flex:1;overflow:hidden}.view-content .admin-tabs,.view-content .tab-bar{flex-shrink:0;background:var(--bg-surface);padding:0 var(--sp-6);margin-bottom:0;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden;height:60px;box-sizing:border-box;display:flex;align-items:stretch}.view-content .admin-tab{padding:0 18px;font-size:13px;border-bottom-width:2px;display:flex;align-items:center}.help-tab-spacer{flex:1}.help-external-link{color:var(--text-muted)!important;font-size:12px!important;border-bottom-color:transparent!important}.help-external-link:hover{color:var(--text)!important}.help-external-link.active{color:var(--primary)!important;border-bottom-color:var(--primary)!important}.view-content .admin-tab-content{flex:1;overflow-y:auto;padding:var(--sp-6)}.main-body{flex:1;overflow-y:auto;position:relative;display:flex;flex-direction:column}.main-body>*{position:relative;z-index:1}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);flex-shrink:0}.panel-content{flex:1;overflow-y:auto;padding:var(--sp-6)}.panel-content.compact{padding:var(--sp-4)}.content-section{margin-bottom:var(--sp-6)}.content-section-title{font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--sp-3);font-family:var(--font-display)}.tab-bar{display:flex;gap:0;border-bottom:2px solid var(--border);flex-shrink:0;overflow-x:auto;padding:0 var(--sp-6)}.tab-item{padding:var(--sp-3) var(--sp-5);background:transparent;border:none;color:var(--text-dim);font-size:13px;font-weight:600;font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition);white-space:nowrap}.tab-item:hover{color:var(--text);background:var(--bg-hover)}.tab-item.active{color:var(--text);border-bottom-color:var(--primary);background:var(--bg-hover)}.tab-bar.compact .tab-item{flex:1;padding:var(--sp-2) 0;text-align:center;font-size:12px}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--bg-surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.data-table th{background:var(--bg-elevated);padding:var(--sp-3) var(--sp-4);text-align:left;font-size:11px;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-display);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:1}.data-table td{padding:var(--sp-3) var(--sp-4);font-size:13px;border-bottom:1px solid var(--border)}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:nth-child(2n){background:#14142a4d}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--primary-dim)}.data-table .col-center{text-align:center}.data-table.compact th,.data-table.compact td{padding:var(--sp-2) var(--sp-3);font-size:12px}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.input::placeholder{color:var(--text-muted)}.input.sm{padding:7px 10px;font-size:12px}.select{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-family:var(--font-body);outline:none;cursor:pointer;transition:border-color var(--transition)}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0;display:inline-block}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-bright);border-radius:11px;cursor:pointer;transition:background var(--transition)}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:var(--text);border-radius:50%;transition:transform var(--transition)}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.setting-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--sp-2);transition:background var(--transition)}.setting-row:hover{background:var(--bg-elevated)}.setting-row-info{flex:1}.setting-row-label{font-weight:600;font-size:14px;color:var(--text)}.setting-row-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.form-grid .form-group{margin-bottom:0}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.form-grid-2col .form-group{margin-bottom:0}.collapsible-toggle{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);cursor:pointer;color:var(--text);font-size:13px;font-weight:600;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;transition:border-color var(--transition)}.collapsible-toggle:hover{border-color:var(--border-bright)}.collapsible-arrow{transition:transform .2s}.collapsible-body{display:none;padding:var(--sp-3) var(--sp-4);margin-top:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.settings-card{margin-top:20px}.settings-card>h3{color:var(--text);font-size:15px;margin-bottom:var(--sp-3);font-weight:600}.settings-grid{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.setting-item{display:flex;align-items:center;gap:var(--sp-2)}.setting-item-label{color:var(--text);font-weight:600;font-size:14px}.setting-item-desc{color:var(--text-dim);font-size:12px}.setting-item-checkbox{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:14px}.setting-item-checkbox input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.setting-item-checkbox .setting-item-label{cursor:pointer}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-indicator.active{background:var(--success)}.status-indicator.inactive{background:var(--danger)}.override-badge{color:var(--accent);font-size:11px}.option-label{display:flex;align-items:center;gap:5px;font-size:12px;cursor:pointer}.option-label-sm{display:flex;align-items:center;gap:4px;font-size:11px;cursor:pointer}.flex-row{display:flex;align-items:center;gap:var(--sp-2)}.flex-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.flex-gap-sm{gap:6px}.ml-auto{margin-left:auto}.subsection-label{font-size:11px;color:var(--text-dim);font-weight:600;margin-bottom:4px}.collapsible-section{margin-top:var(--sp-3)}.pw-field{position:relative}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:11px;padding:2px 4px}.pw-field input{padding-right:30px}.mt-sm{margin-top:10px}.mt-md{margin-top:14px}.nowrap{white-space:nowrap}.w-full{width:100%}.default-indicator{color:var(--text-muted);font-size:10px}.option-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:12px;transition:all var(--transition)}.option-chip span{font-weight:600}.option-chip:hover{border-color:var(--border-bright);background:var(--bg-surface)}.option-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.mini-stat{background:var(--bg-deep);border-radius:var(--radius);padding:var(--sp-3);text-align:center;border:1px solid var(--border)}.mini-stat-value{font-size:16px;font-weight:700;color:var(--text);font-family:var(--font-display)}.mini-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.room-card.waiting{border-left-color:var(--success)}.room-card.playing{border-left-color:var(--warning)}.profile-role-badge{font-size:11px;font-weight:600;text-transform:uppercase;margin-left:var(--sp-2)}.profile-xp-track{height:4px;background:var(--bg-surface);border-radius:2px;overflow:hidden}.profile-xp-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px;transition:width .3s}.profile-cosmetic-chip{display:flex;align-items:center;gap:6px;padding:6px var(--sp-3);background:var(--bg-card);border-radius:var(--radius);font-size:12px;color:var(--text)}.profile-cosmetic-icon{font-size:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;color:var(--primary);font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:1px}.modal-body{padding:var(--sp-5) var(--sp-6);overflow-y:auto;flex:1}.modal-footer{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border)}.modal-footer .btn{flex:1}.theme-picker{display:flex;gap:var(--sp-3);flex-wrap:wrap}.theme-swatch{width:80px;padding:var(--sp-3) var(--sp-2);background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;transition:all var(--transition)}.theme-swatch:hover{border-color:var(--border-bright);transform:translateY(-2px)}.theme-swatch.active{border-color:var(--primary);box-shadow:var(--shadow-glow-primary)}.theme-swatch-colors{display:flex;gap:3px;margin-bottom:var(--sp-2);justify-content:center}.theme-swatch-dot{width:16px;height:16px;border-radius:50%;border:1px solid var(--border)}.theme-swatch-name{font-size:11px;font-weight:600;color:var(--text);font-family:var(--font-display);letter-spacing:.3px}.settings-panel{max-width:500px}.settings-panel.wide{max-width:600px}.settings-section-title{color:var(--text);font-family:var(--font-display);font-weight:700;margin-bottom:var(--sp-4)}.settings-separator{border-color:var(--border);margin:var(--sp-5) 0}.settings-hint{font-size:11px;color:var(--text-muted);margin-top:var(--sp-1)}.settings-status{margin:var(--sp-2) 0}.settings-field-stack{display:flex;flex-direction:column;gap:10px}.settings-current-value{color:var(--text-dim);font-size:13px;margin-bottom:10px}.settings-current-value strong{color:var(--text)}.settings-pending-banner{color:var(--warning);font-size:13px;margin-bottom:var(--sp-3);padding:10px;background:var(--warning-dim);border:1px solid var(--warning);border-radius:var(--radius)}.settings-toggle-list{display:flex;flex-direction:column;gap:var(--sp-2)}.privacy-option{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.privacy-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.privacy-option-label{font-weight:600;font-size:14px;color:var(--text)}.privacy-option-desc{font-size:12px;color:var(--text-muted)}.cosmetic-slot{margin-bottom:var(--sp-6)}.cosmetic-slot-title{color:var(--text);font-family:var(--font-display);font-weight:700;margin-bottom:10px}.cosmetic-grid{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.cosmetic-item{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-surface);color:var(--text);cursor:pointer;font-size:12px;transition:border-color var(--transition)}.cosmetic-item:hover:not(:disabled){border-color:var(--border-bright)}.cosmetic-item.equipped{border-color:var(--primary)}.cosmetic-item:disabled{background:var(--bg-deep);color:var(--text-muted);cursor:not-allowed;opacity:.5}.cosmetic-item .locked-label{font-size:10px;color:var(--text-muted);display:block}.cosmetic-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle;margin-right:var(--sp-1)}.cosmetic-preview{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-4) var(--sp-3);margin-bottom:var(--sp-6);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius)}.cosmetic-preview-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.cosmetic-preview-label{font-size:11px;color:var(--text-dim);font-family:var(--font-display);letter-spacing:.3px}.cosmetic-preview-trail{min-width:56px;text-align:center}.cosmetic-preview-trail-dot{display:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--border-bright)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-dim{color:var(--text-dim)}.font-semibold{font-weight:600}.ml-1{margin-left:6px}.ml-2{margin-left:8px}.mt-3{margin-top:var(--sp-3)}.mt-6{margin-top:var(--sp-6)}.flex-1{flex:1}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-section-title{margin:0;color:var(--text);font-size:16px;font-family:var(--font-display);font-weight:600;letter-spacing:.5px}.admin-count{color:var(--text-dim);font-size:13px}.btn-group{display:flex;gap:8px}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.form-stack{display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.form-row>.form-row-half{flex:.5}.field-label{color:var(--text-dim);font-size:13px;display:block}.admin-select.w-full{width:100%;padding:8px 12px;font-size:14px}.admin-input.mt-label,.admin-select.mt-label{margin-top:4px}.modal-desc{color:var(--text-dim);font-size:13px;margin-bottom:12px}.modal-hint{color:var(--text-dim);font-size:13px;margin-top:8px}.modal-error{color:var(--danger);font-size:13px;margin-top:8px;display:none}.modal-scroll{max-height:85vh;overflow-y:auto}.icon-cell{font-size:20px;text-align:center}.truncate-cell{color:var(--text-dim);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conflict-card{padding:10px;background:var(--bg-elevated);border-radius:6px;margin-bottom:8px}.conflict-card-name{font-weight:600;margin-bottom:6px}.conflict-card-info{font-size:12px;margin-bottom:8px}.conflict-card-options{display:flex;gap:12px;font-size:13px}.color-picker-row{display:flex;gap:8px;align-items:center;margin-top:4px}.color-picker-swatch{width:48px;height:36px;border:none;cursor:pointer}.btn-danger.btn-confirm{padding:8px 16px;font-size:14px}.file-input{margin-bottom:12px;color:var(--text)}.import-preview{display:none;margin-bottom:12px}.admin-textarea-mono{margin-top:4px;width:100%;box-sizing:border-box;resize:vertical;font-family:monospace;font-size:12px}.error-banner{color:var(--danger);padding:var(--sp-5)}.camp-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.camp-tab-header h3{color:var(--text);margin:0}.camp-toolbar{margin-bottom:var(--sp-3)}.camp-toolbar-multi{margin-bottom:var(--sp-3);display:flex;gap:var(--sp-2)}.camp-empty-cell{text-align:center;color:var(--text-dim);padding:var(--sp-6)}.camp-order-cell{display:flex;gap:4px;align-items:center}.camp-order-value{min-width:24px;text-align:center}.camp-level-order-cell{display:flex;gap:2px;align-items:center}.camp-level-order-btn{padding:0 2px;font-size:10px}.camp-level-order-value{min-width:18px;text-align:center}.camp-btn-group{display:flex;gap:6px;flex-wrap:wrap}.camp-world-row{cursor:pointer}.camp-expand-cell{text-align:center;font-size:11px}.camp-theme-badge{background:var(--bg-hover);padding:2px var(--sp-2);border-radius:var(--radius-sm);font-size:12px}.camp-levels-nested{padding:0 0 0 32px;background:var(--bg-deep)}.camp-levels-inner{padding:var(--sp-3) 0}.camp-levels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-2)}.camp-levels-title{color:var(--text-dim);font-size:13px;font-weight:600}.camp-levels-empty{color:var(--text-dim);padding:var(--sp-3);text-align:center}.camp-enemy-desc{color:var(--text-dim);font-size:12px;margin-top:2px}.camp-preview-canvas{border-radius:var(--radius-sm);background:var(--bg-deep)}.camp-modal-preview{border-radius:var(--radius);background:var(--bg-deep);border:1px solid var(--border)}.camp-modal-body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);max-width:90vw}.camp-modal-body.md{width:480px}.camp-modal-body.lg{width:600px;max-width:95vw;max-height:90vh;overflow-y:auto;margin:20px 0}.camp-modal-body.sm{width:420px}.camp-modal-body.conflict{width:560px;max-width:95vw;max-height:90vh;overflow-y:auto;margin:20px 0}.camp-modal-title{margin:0 0 var(--sp-4);color:var(--primary)}.camp-modal-title.danger{color:var(--danger)}.camp-modal-title.warning{color:var(--warning)}.camp-modal-form{display:flex;flex-direction:column;gap:var(--sp-3)}.camp-modal-actions{display:flex;gap:var(--sp-3);justify-content:flex-end;margin-top:var(--sp-2)}.camp-modal-actions.mt-md{margin-top:var(--sp-4)}.camp-modal-actions.mt-sm{margin-top:var(--sp-3)}.camp-form-label{display:block;margin-bottom:4px;color:var(--text-dim);font-size:13px}.camp-form-label.sm{font-size:12px}.camp-form-row{display:flex;gap:var(--sp-2)}.camp-form-col{flex:1}.camp-checkbox-row{display:flex;gap:var(--sp-3);flex-wrap:wrap}.camp-checkbox-label{display:flex;align-items:center;gap:4px;color:var(--text-dim);font-size:13px;cursor:pointer}.camp-checkbox-label.sm{font-size:12px}.camp-enemy-columns{display:flex;gap:var(--sp-6)}.camp-enemy-left{flex:1;display:flex;flex-direction:column;gap:10px}.camp-enemy-right{width:180px;display:flex;flex-direction:column;gap:10px}.camp-preview-center{text-align:center;margin-bottom:4px}.camp-color-row{display:flex;gap:6px}.camp-color-input{width:100%;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:transparent}.camp-conflict-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-3);margin-bottom:var(--sp-2)}.camp-conflict-name{font-weight:600;margin-bottom:6px;color:var(--text)}.camp-conflict-orig-id{color:var(--text-dim);font-size:12px}.camp-conflict-options{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-dim)}.camp-conflict-option{display:flex;align-items:center;gap:4px;cursor:pointer}.camp-import-status{color:var(--text-dim);font-size:12px;margin-bottom:var(--sp-3)}.camp-import-hint{color:var(--text-dim);margin:0 0 var(--sp-3);font-size:13px}.camp-import-file{color:var(--text);font-size:13px}.camp-import-file-wrap{margin-bottom:var(--sp-4)}.camp-delete-confirm-text{color:var(--text-dim);margin:0 0 var(--sp-3)}.camp-delete-confirm-hint{color:var(--text-dim);margin:0 0 var(--sp-4);font-size:13px}.mb-md{margin-bottom:var(--sp-4)}.mb-0{margin-bottom:0}.text-accent{color:var(--accent)}.text-info{color:var(--info)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-capitalize{text-transform:capitalize}.sim-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sim-section-header h3{color:var(--text);margin:0}.sim-info-card{background:var(--bg-card);border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid var(--border)}.sim-info-card h3,.sim-info-card h4{color:var(--text);margin:0}.sim-info-card h4{margin-bottom:8px}.sim-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sim-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;font-size:13px;color:var(--text-dim)}.sim-info-grid strong{color:var(--text)}.sim-progress-section{margin-top:12px}.sim-progress-row{display:flex;align-items:center;gap:12px}.sim-progress-label{font-size:14px;color:var(--text)}.sim-progress-track{flex:1;height:8px;background:var(--bg-deep);border-radius:4px;overflow:hidden}.sim-progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}.sim-progress-mini{flex:1;max-width:80px;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.sim-progress-mini .sim-progress-fill{border-radius:3px}.sim-tick-info{font-size:12px;color:var(--text-dim);margin-top:4px}.sim-action-row{margin-top:12px;display:flex;gap:8px}.sim-win-chips{display:flex;flex-wrap:wrap;gap:12px}.sim-win-chip{background:var(--bg-hover);padding:6px 12px;border-radius:6px}.sim-win-chip-name{color:var(--primary);font-weight:600}.sim-win-chip-count{color:var(--text-dim);margin-left:4px}.sim-status{font-weight:600;text-transform:capitalize}.sim-games-cell{display:flex;align-items:center;gap:8px}.sim-td-actions{display:flex;gap:4px}.sim-checkbox-row{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap}.sim-checkbox-label{display:flex;align-items:center;gap:6px;color:var(--text-dim);cursor:pointer}.sim-checkbox-label.accent-label input{accent-color:var(--accent)}.sim-checkbox-label.accent-label span{color:var(--accent);font-weight:600}.sim-powerup-section{margin-top:12px}.sim-powerup-section>label{color:var(--text-dim);font-size:13px}.sim-powerup-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.sim-powerup-label{display:flex;align-items:center;gap:4px;color:var(--text-dim);cursor:pointer;font-size:13px}.sim-back-row{margin-bottom:16px}.sim-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}.sim-pagination-info{color:var(--text-dim);font-size:13px}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sim-winner-cell{color:var(--primary);font-weight:600}.sim-reason-cell{color:var(--text-dim);font-size:12px}.sim-empty-row{text-align:center;color:var(--text-dim)}.sim-error{color:var(--danger)}.sim-modal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.sim-modal-actions{margin-top:20px}.sim-modal{width:760px;max-width:95vw}.friends-page{display:flex;flex-direction:column;flex:1;overflow:hidden}.friends-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;background:var(--bg-surface);padding:0 var(--sp-6);border-bottom:1px solid var(--border);flex-shrink:0;height:60px;box-sizing:border-box}.friends-page-header .tab-bar{border-bottom:none;overflow:visible;padding:0;height:auto;flex-shrink:0}.friends-search-bar{display:flex;gap:var(--sp-2)}.friends-search-bar .input{width:220px}.friends-grid{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-6)}.friend-card{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:background .15s,border-color .15s}.friend-card:hover{background:var(--bg-hover);border-color:var(--border-light)}.friend-card-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:var(--text);position:relative;flex-shrink:0}.friend-card-avatar .status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-surface);background:var(--text-muted)}.friend-card-avatar .status-dot.online,.friend-card-avatar .status-dot.in_lobby{background:var(--success)}.friend-card-avatar .status-dot.in_game,.friend-card-avatar .status-dot.in_campaign{background:var(--warning)}.friend-card-info{flex:1;min-width:0}.friend-card-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-card-name.offline{color:var(--text-muted)}.friend-card-activity{font-size:12px;color:var(--text-muted)}.friend-card-activity.active{color:var(--success)}.friend-card-activity.in-game{color:var(--warning)}.friend-card-actions{display:flex;gap:var(--sp-1);flex-shrink:0}.friends-section-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:var(--sp-2) 0;font-weight:600}.friends-empty{color:var(--text-muted);text-align:center;padding:60px 20px;font-size:15px}.messages-page{display:flex;flex:1;overflow:hidden}.messages-sidebar{width:300px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.messages-sidebar-header{padding:var(--sp-3) var(--sp-4);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.messages-conv-list{flex:1;overflow-y:auto}.messages-conv-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.messages-conv-item:hover{background:var(--bg-hover)}.messages-conv-item.active{background:var(--bg-surface);border-left:3px solid var(--primary)}.messages-conv-item-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text);flex-shrink:0}.messages-conv-item-info{flex:1;min-width:0}.messages-conv-item-name{font-weight:600;color:var(--text);font-size:13px}.messages-conv-item-preview{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-conv-item-time{font-size:11px;color:var(--text-dim);flex-shrink:0}.messages-unread-badge{background:var(--primary);color:var(--text);font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;flex-shrink:0}.messages-conv-empty{color:var(--text-muted);text-align:center;padding:40px 16px;font-size:14px}.messages-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.messages-conv-header{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-shrink:0}.messages-conv-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--text);flex-shrink:0}.messages-conv-name{font-weight:700;font-size:15px;color:var(--text)}.messages-body{flex:1;overflow-y:auto;padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.messages-msg{display:flex;flex-direction:column;max-width:65%}.messages-msg.sent{align-self:flex-end;align-items:flex-end}.messages-msg.received{align-self:flex-start;align-items:flex-start}.messages-msg-bubble{padding:var(--sp-2) var(--sp-3);border-radius:12px;font-size:14px;line-height:1.4;word-break:break-word}.messages-msg.sent .messages-msg-bubble{background:var(--primary);color:var(--text);border-bottom-right-radius:4px}.messages-msg.received .messages-msg-bubble{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.messages-msg-meta{font-size:11px;color:var(--text-dim);margin-top:2px;display:flex;align-items:center;gap:4px}.messages-read-indicator{color:var(--info);font-size:10px}.messages-input-row{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--border);background:var(--bg-deep)}.messages-input{flex:1}.messages-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:var(--sp-3)}.messages-empty-icon{font-size:48px;opacity:.3}.messages-empty-text{font-size:15px}.messages-empty-chat{color:var(--text-muted);text-align:center;padding:40px 20px;font-size:14px}.messages-disabled{padding:var(--sp-3) var(--sp-4);text-align:center;color:var(--text-muted);border-top:1px solid var(--border);font-size:13px}