*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--bg-card: #161b22;--bg-card-hover: #1c2128;--bg-input: #0d1117;--border: #30363d;--border-focus: #F04B23;--text: #e6edf3;--text-muted: #8b949e;--text-dim: #656d76;--accent: #F04B23;--accent-hover: #D93D18;--accent-light: rgba(240, 75, 35, .14);--success: #3fb950;--success-bg: rgba(63, 185, 80, .12);--warning: #d29922;--danger: #f85149;--danger-bg: rgba(248, 81, 73, .12);--radius: 10px;--radius-lg: 16px;--shadow: 0 4px 24px rgba(0,0,0,.4);--vote-pp: #06b6d4;--vote-p: #3b82f6;--vote-m: #22c55e;--vote-g: #eab308;--vote-gg: #f97316;--vote-xg: #ef4444}html,body,#root{height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}input,select{width:100%;padding:10px 14px;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--border-focus)}input::placeholder{color:var(--text-dim)}label{display:block;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.02em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #f04b2366}.btn-success{background:var(--success);color:#fff}.btn-success:not(:disabled):hover{background:#2ea043;transform:translateY(-1px);box-shadow:0 4px 16px #3fb95059}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.btn-danger:not(:disabled):hover{background:var(--danger-bg)}.btn-ghost{background:transparent;color:var(--text-muted);border:1.5px solid var(--border)}.btn-ghost:not(:disabled):hover{background:var(--bg-card-hover);color:var(--text)}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-leader{background:#f04b232e;color:#f04b23;border:1px solid rgba(240,75,35,.3)}.badge-player{background:#22c55e21;color:#4ade80;border:1px solid rgba(34,197,94,.25)}.badge-spectator{background:#8b949e21;color:#8b949e;border:1px solid rgba(139,148,158,.2)}.badge-voted{background:var(--success-bg);color:var(--success);border:1px solid rgba(63,185,80,.3)}.badge-waiting{background:#d299221f;color:var(--warning);border:1px solid rgba(210,153,34,.25)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:var(--radius);font-size:.9rem;font-weight:600;z-index:9999;animation:slideIn .3s ease;max-width:320px}.toast-error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,81,73,.35)}.toast-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(63,185,80,.3)}.toast-info{background:var(--accent-light);color:#f04b23;border:1px solid rgba(240,75,35,.3)}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loader{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){aside{transform:translate(-100%);transition:transform .25s ease}main[data-layout-content]{margin-left:0!important;padding-top:56px}}@media (min-width: 769px){header[data-mobile-bar]{display:none!important}}