:root{--background:#08090c;--background-soft:#0b0d11;--surface:#111318;--surface-light:#191c23;--surface-hover:#20232b;--surface-elevated:#171a20;--border:#2a2e38;--border-hover:#3a3f4b;--text:#f7f7f8;--text-soft:#d4d6dc;--muted:#a4a8b3;--muted-dark:#727783;--red:#d62839;--red-hover:#ed3448;--red-dark:#761521;--gold:#d5a83d;--gold-soft:#d5a83d24;--success:#34c77b;--warning:#f0ad3d;--error:#ff5d6c;--info:#3b82f6;--role-owner:#d5a83d;--role-admin:#d62839;--role-moderator:#8b5cf6;--role-captain:#3b82f6;--role-player:#34c77b;--role-guest:#9ca3af;--sidebar-width:280px;--topbar-height:88px;--radius-small:9px;--radius-medium:13px;--radius-large:18px;--radius-extra-large:24px;--radius-circle:999px;--shadow-small:0 8px 24px #0003;--shadow-medium:0 18px 45px #00000052;--shadow-large:0 35px 100px #0000008c;--transition-fast:.12s ease;--transition:.18s ease;--transition-slow:.25s ease;--z-sidebar:50;--z-overlay:40;--z-topbar:30;--z-modal:500;--z-loading:999}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--text);background:var(--background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}body.modal-open,body.sidebar-open{overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit}img,video,canvas,svg{max-width:100%;display:block}h1,h2,h3,h4,h5,h6,p{overflow-wrap:anywhere}.hidden{display:none!important}.primary-button{color:#fff;cursor:pointer;background:var(--red);text-align:center;width:100%;min-height:56px;transition:background var(--transition), transform var(--transition), opacity var(--transition);border:0;border-radius:12px;justify-content:center;align-items:center;margin-top:8px;padding:13px 20px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button:hover:not(:disabled){background:var(--red-hover);transform:translateY(-1px)}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.compact-button{width:auto;min-width:150px;min-height:48px;padding-inline:20px}.icon-button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.input-group{margin-bottom:21px}.input-group label{color:#d9dbe1;margin-bottom:9px;font-size:.88rem;font-weight:700;display:block}.input-group input,.input-group select,.input-group textarea{width:100%;min-height:54px;color:var(--text);border:1px solid var(--border);background:var(--surface-light);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);border-radius:12px;outline:none;padding:0 16px}.input-group textarea{resize:vertical;min-height:120px;padding-block:14px}.input-group input::placeholder,.input-group textarea::placeholder{color:#6f7480}.input-group input:hover,.input-group select:hover,.input-group textarea:hover{border-color:var(--border-hover)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--red);background:#1c1f27;box-shadow:0 0 0 4px #d6283921}.form-message{min-height:22px;margin:4px 0 12px;font-size:.9rem;line-height:1.45}.form-message.error{color:var(--error)}.form-message.success{color:var(--success)}.form-message.warning{color:var(--warning)}.section-label{color:var(--gold);letter-spacing:.15em;margin:0 0 9px;font-size:.69rem;font-weight:900}.list-placeholder{color:var(--muted);margin:20px 8px;font-size:.8rem;line-height:1.5}.error-text{color:var(--error)}.online-text{color:var(--success)}.empty-state,.empty-page-card,.chat-empty-state,.settings-coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{width:55px;height:55px;color:var(--gold);background:#1a1d24;border:1px solid #333744;border-radius:16px;place-items:center;margin-bottom:15px;font-size:1.4rem;display:grid}.empty-icon.large{width:75px;height:75px;font-size:2rem}.empty-state h4,.empty-page-card h4,.chat-empty-state h4,.settings-coming-soon h5{margin:0}.empty-state p,.empty-page-card p,.chat-empty-state p,.settings-coming-soon p{max-width:450px;color:var(--muted);margin:10px 0 0;line-height:1.6}*{scrollbar-width:thin;scrollbar-color:#353943 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#353943 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#484d59 padding-box padding-box}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}