:root{--pg-slate-950:#020617;--pg-slate-900:#0f172a;--pg-slate-800:#1e293b;--pg-slate-700:#334155;--pg-slate-600:#475569;--pg-slate-500:#64748b;--pg-slate-400:#94a3b8;--pg-slate-300:#cbd5e1;--pg-slate-200:#e2e8f0;--pg-slate-50:#f8fafc;--pg-blue-700:#1d4ed8;--pg-blue-600:#2563eb;--pg-blue-500:#3b82f6;--pg-blue-400:#60a5fa;--pg-blue-200:#bfdbfe;--pg-green-500:#22c55e;--pg-green-400:#4ade80;--pg-amber-500:#f59e0b;--pg-amber-400:#fbbf24;--pg-red-500:#ef4444;--pg-red-200:#fecaca;--bg-primary:var(--pg-slate-950);--bg-dark:var(--pg-slate-900);--bg-card:var(--pg-slate-800);--bg-glass:#1e293b80;--bg-card-dark:#020617b3;--text-primary:var(--pg-slate-50);--text-secondary:var(--pg-slate-300);--text-muted:var(--pg-slate-400);--border-default:#33415599;--border-light:#33415566;--accent-primary:var(--pg-blue-600);--accent-primary-strong:var(--pg-blue-700);--accent-highlight:var(--pg-blue-400);--accent-soft:#3b82f633;--accent-border:#3b82f680;--status-online:var(--pg-green-500);--status-ingame:var(--pg-amber-500);--status-away:var(--pg-slate-500);--status-danger:#ef444466;--status-waiting-bg:#f59e0b33;--status-waiting-text:var(--pg-amber-400);--status-playing-bg:#22c55e33;--status-playing-text:var(--pg-green-400);--notice-info-bg:#3b82f626;--notice-info-border:#3b82f64d;--notice-info-text:var(--pg-blue-200);--notice-error-bg:#ef444426;--notice-error-border:#ef44444d;--notice-error-text:var(--pg-red-200);--gradient-page:linear-gradient(to bottom right, var(--pg-slate-950), var(--pg-slate-900), var(--pg-slate-800));--gradient-phase-banner:linear-gradient(to right, #1e293b99, #33415599);--gradient-button-primary:linear-gradient(to bottom right, var(--pg-blue-600), var(--pg-blue-700));--gradient-button-danger:linear-gradient(to bottom right, #dc2626, #b91c1c);--gradient-tile-overlay:linear-gradient(to top, #000000e6 0%, #00000080 50%, transparent 100%);--glass-bg:var(--bg-glass);--glass-bg-strong:#0f172a99;--glass-blur:8px;--glass-border:var(--border-light);--glass-radius:.75rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-pill:999px;--shadow-card:0 12px 30px #0f172a40;--shadow-hover:0 20px 40px #3b82f633;--shadow-modal:0 24px 50px #0f172a73;--overlay-bg:#020617cc}