:root{color-scheme:dark;--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:rgba(255, 255, 255, 0.05);--bg-card-hover:rgba(102, 126, 234, 0.15);--bg-input:rgba(255, 255, 255, 0.05);--bg-modal:#1a1a2e;--bg-overlay:rgba(0, 0, 0, 0.7);--surface-1:var(--bg-primary);--surface-2:var(--bg-secondary);--surface-3:var(--bg-tertiary);--surface-card:var(--bg-card);--surface-card-hover:var(--bg-card-hover);--surface-input:var(--bg-input);--surface-modal:var(--bg-modal);--surface-overlay:var(--bg-overlay);--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--primary:var(--accent-primary);--primary-hover:#5a67d8;--primary-light:rgba(102, 126, 234, 0.2);--secondary:var(--accent-secondary);--secondary-hover:#6b46a1;--text-primary:#e0e7ff;--text-secondary:#9ca3af;--text-muted:rgba(255, 255, 255, 0.5);--text-on-light:#212529;--text-inverse:#1f2937;--success:#22c55e;--success-light:rgba(34, 197, 94, 0.2);--warning:#f59e0b;--warning-light:rgba(245, 158, 11, 0.2);--danger:#ef4444;--danger-light:rgba(239, 68, 68, 0.2);--info:#3b82f6;--info-light:rgba(59, 130, 246, 0.2);--border-color:rgba(255, 255, 255, 0.1);--border-color-hover:rgba(102, 126, 234, 0.5);--border-focus:#f59e0b;--border-light:rgba(255, 255, 255, 0.05);--border-dark:rgba(0, 0, 0, 0.2);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;--font-mono:monospace;--font-xs:11px;--font-sm:13px;--font-md:16px;--font-lg:20px;--font-xl:24px;--font-2xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-tight:1.2;--line-normal:1.5;--line-loose:1.8;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 15px rgba(102, 126, 234, 0.5);--shadow-tooltip:0 4px 12px rgba(0, 0, 0, 0.4);--shadow-dropdown:0 8px 16px rgba(0, 0, 0, 0.3);--shadow-card:var(--shadow-md);--shadow-modal:var(--shadow-lg);--shadow-focus:0 0 0 3px var(--info-light);--transition-fast:0.15s ease;--transition-base:0.2s ease;--transition-slow:0.3s ease;--z-dropdown:100;--z-modal:1000;--z-toast:2000;--breakpoint-xs:400px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--rank-s:#FFD700;--rank-s-text:#000000;--rank-a:#28a745;--rank-a-text:#ffffff;--rank-b:#17a2b8;--rank-b-text:#ffffff;--rank-c:#ffc107;--rank-c-text:#000000;--rank-d:#fd7e14;--rank-d-text:#ffffff;--rank-f:#dc3545;--rank-f-text:#ffffff;--item-primitivo:#6c757d;--item-original:#28a745;--item-refinado:#17a2b8;--item-superior:#9c27b0;--item-supremo:#ff9800;--item-caos:#dc3545;--item-abissal:#7c3aed;--class-paladino:#FFD700;--class-furioso:#DC143C;--class-feiticeiro:#9370DB;--class-ranger:#228B22;--class-cavaleiro-trevas:#4169E1;--success-dark:#16a34a;--warning-dark:#d97706;--danger-dark:#dc2626;--info-dark:#2563eb;--layer-0:var(--danger);--layer-0-bg:var(--danger-light);--layer-1:var(--success);--layer-1-bg:var(--success-light);--layer-2:#a855f7;--layer-2-bg:rgba(168, 85, 247, 0.2);--layer-3:var(--warning);--layer-3-bg:var(--warning-light);--gradient-success:linear-gradient(90deg, var(--success), var(--success-dark));--gradient-warning:linear-gradient(90deg, var(--warning), var(--warning-dark));--gradient-danger:linear-gradient(90deg, var(--danger), var(--danger-dark));--gradient-info:linear-gradient(90deg, var(--info), var(--info-dark));--gradient-accent:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-card:linear-gradient(135deg, var(--surface-card) 0%, rgba(118, 75, 162, 0.1) 100%);--shadow-warning-glow:0 0 20px rgba(255, 152, 0, 0.8);--shadow-success-glow:0 0 15px rgba(34, 197, 94, 0.5);--shadow-danger-glow:0 0 15px rgba(239, 68, 68, 0.5)}[data-theme=light]{color-scheme:light;--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-tertiary:#e2e8f0;--bg-card:rgba(0, 0, 0, 0.02);--bg-card-hover:rgba(102, 126, 234, 0.1);--bg-input:#ffffff;--bg-modal:#ffffff;--bg-overlay:rgba(0, 0, 0, 0.5);--surface-1:var(--bg-primary);--surface-2:var(--bg-secondary);--surface-3:var(--bg-tertiary);--surface-card:var(--bg-card);--surface-card-hover:var(--bg-card-hover);--surface-input:var(--bg-input);--surface-modal:var(--bg-modal);--surface-overlay:var(--bg-overlay);--text-primary:#1e293b;--text-secondary:#475569;--text-muted:rgba(0, 0, 0, 0.5);--border-color:rgba(0, 0, 0, 0.1);--border-color-hover:rgba(102, 126, 234, 0.5);--border-light:rgba(0, 0, 0, 0.05);--border-dark:rgba(0, 0, 0, 0.15);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.12);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.16);--shadow-glow:0 0 15px rgba(102, 126, 234, 0.3);--gradient-card:linear-gradient(135deg, var(--surface-card) 0%, rgba(102, 126, 234, 0.05) 100%);--layer-2-bg:rgba(168, 85, 247, 0.15)}[data-theme=cyberpunk]{--bg-primary:#05000f;--bg-secondary:#0d0020;--bg-tertiary:#130030;--bg-card:rgba(255, 0, 200, 0.04);--bg-card-hover:rgba(0, 255, 255, 0.08);--bg-input:rgba(0, 255, 255, 0.05);--bg-modal:#0d0020;--bg-overlay:rgba(5, 0, 15, 0.85);--surface-1:var(--bg-primary);--surface-2:var(--bg-secondary);--surface-3:var(--bg-tertiary);--surface-card:var(--bg-card);--surface-card-hover:var(--bg-card-hover);--surface-input:var(--bg-input);--surface-modal:var(--bg-modal);--surface-overlay:var(--bg-overlay);--accent-primary:#ff00c8;--accent-secondary:#00ffff;--accent-gradient:linear-gradient(135deg, #ff00c8 0%, #7700ff 50%, #00ffff 100%);--primary:var(--accent-primary);--primary-hover:#e600b4;--primary-light:rgba(255, 0, 200, 0.15);--secondary:var(--accent-secondary);--secondary-hover:#00e5e5;--text-primary:#f0e6ff;--text-secondary:#b388ff;--text-muted:rgba(179, 136, 255, 0.5);--text-on-light:#0d0020;--text-inverse:#0d0020;--success:#00ff9d;--success-light:rgba(0, 255, 157, 0.15);--warning:#ffcc00;--warning-light:rgba(255, 204, 0, 0.15);--danger:#ff2266;--danger-light:rgba(255, 34, 102, 0.15);--info:#00e5ff;--info-light:rgba(0, 229, 255, 0.15);--border-color:rgba(255, 0, 200, 0.2);--border-color-hover:rgba(0, 255, 255, 0.6);--border-focus:#00ffff;--border-light:rgba(255, 0, 200, 0.08);--border-dark:rgba(0, 0, 0, 0.5);--shadow-sm:0 2px 8px rgba(255, 0, 200, 0.15);--shadow-md:0 4px 16px rgba(255, 0, 200, 0.25);--shadow-lg:0 8px 32px rgba(255, 0, 200, 0.35);--shadow-glow:0 0 20px rgba(255, 0, 200, 0.7),0 0 40px rgba(0, 255, 255, 0.3);--shadow-card:0 4px 16px rgba(255, 0, 200, 0.2);--shadow-modal:0 0 60px rgba(255, 0, 200, 0.4),0 0 120px rgba(0, 255, 255, 0.2);--shadow-focus:0 0 0 3px rgba(0, 255, 255, 0.35);--shadow-tooltip:0 4px 16px rgba(255, 0, 200, 0.4);--shadow-dropdown:0 8px 24px rgba(255, 0, 200, 0.3);--shadow-warning-glow:0 0 20px rgba(255, 204, 0, 0.8);--shadow-success-glow:0 0 20px rgba(0, 255, 157, 0.6);--shadow-danger-glow:0 0 20px rgba(255, 34, 102, 0.6);--gradient-success:linear-gradient(90deg, #00ff9d, #00cc7a);--gradient-warning:linear-gradient(90deg, #ffcc00, #e6b800);--gradient-danger:linear-gradient(90deg, #ff2266, #cc0044);--gradient-info:linear-gradient(90deg, #00e5ff, #00aacc);--gradient-accent:linear-gradient(135deg, #ff00c8, #7700ff, #00ffff);--gradient-card:linear-gradient(135deg, rgba(255,0,200,0.06) 0%, rgba(0,255,255,0.04) 100%);--success-dark:#00cc7a;--warning-dark:#e6b800;--danger-dark:#cc0044;--info-dark:#00aacc;--layer-0:var(--danger);--layer-0-bg:var(--danger-light);--layer-1:var(--success);--layer-1-bg:var(--success-light);--layer-2:#cc00ff;--layer-2-bg:rgba(204, 0, 255, 0.2);--layer-3:var(--warning);--layer-3-bg:var(--warning-light);--rank-s:#ffee00;--rank-s-text:#000;--rank-a:#00ff9d;--rank-a-text:#000;--rank-b:#00e5ff;--rank-b-text:#000;--rank-c:#ffcc00;--rank-c-text:#000;--rank-d:#ff8800;--rank-d-text:#fff;--rank-f:#ff2266;--rank-f-text:#fff}[data-theme=darkfantasy]{--bg-primary:#08040a;--bg-secondary:#120910;--bg-tertiary:#1c1018;--bg-card:rgba(180, 120, 30, 0.05);--bg-card-hover:rgba(180, 120, 30, 0.10);--bg-input:rgba(0, 0, 0, 0.35);--bg-modal:#120910;--bg-overlay:rgba(8, 4, 10, 0.88);--surface-1:var(--bg-primary);--surface-2:var(--bg-secondary);--surface-3:var(--bg-tertiary);--surface-card:var(--bg-card);--surface-card-hover:var(--bg-card-hover);--surface-input:var(--bg-input);--surface-modal:var(--bg-modal);--surface-overlay:var(--bg-overlay);--accent-primary:#c8960a;--accent-secondary:#8b0000;--accent-gradient:linear-gradient(135deg, #c8960a 0%, #8b5500 40%, #8b0000 100%);--primary:var(--accent-primary);--primary-hover:#e0a800;--primary-light:rgba(200, 150, 10, 0.15);--secondary:var(--accent-secondary);--secondary-hover:#a00000;--text-primary:#f5e6cc;--text-secondary:#c4a882;--text-muted:rgba(180, 155, 110, 0.5);--text-on-light:#1a0a0a;--text-inverse:#1a0a0a;--success:#4caf50;--success-light:rgba(76, 175, 80, 0.15);--warning:#ff9800;--warning-light:rgba(255, 152, 0, 0.15);--danger:#c0392b;--danger-light:rgba(192, 57, 43, 0.15);--info:#5b8dd9;--info-light:rgba(91, 141, 217, 0.15);--border-color:rgba(200, 150, 10, 0.2);--border-color-hover:rgba(200, 150, 10, 0.6);--border-focus:#c8960a;--border-light:rgba(200, 150, 10, 0.08);--border-dark:rgba(0, 0, 0, 0.6);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.6);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.7);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.8);--shadow-glow:0 0 20px rgba(200, 150, 10, 0.5),0 0 40px rgba(139, 0, 0, 0.3);--shadow-card:0 4px 16px rgba(0, 0, 0, 0.5);--shadow-modal:0 0 60px rgba(139, 0, 0, 0.4),0 0 120px rgba(0, 0, 0, 0.9);--shadow-focus:0 0 0 3px rgba(200, 150, 10, 0.4);--shadow-tooltip:0 4px 16px rgba(0, 0, 0, 0.7);--shadow-dropdown:0 8px 24px rgba(0, 0, 0, 0.6);--shadow-warning-glow:0 0 20px rgba(255, 152, 0, 0.8);--shadow-success-glow:0 0 15px rgba(76, 175, 80, 0.5);--shadow-danger-glow:0 0 15px rgba(192, 57, 43, 0.6);--gradient-success:linear-gradient(90deg, #4caf50, #388e3c);--gradient-warning:linear-gradient(90deg, #ff9800, #e65100);--gradient-danger:linear-gradient(90deg, #c0392b, #7b241c);--gradient-info:linear-gradient(90deg, #5b8dd9, #2c5fa8);--gradient-accent:linear-gradient(135deg, #c8960a, #8b5500, #8b0000);--gradient-card:linear-gradient(135deg, rgba(200,150,10,0.07) 0%, rgba(139,0,0,0.05) 100%);--success-dark:#388e3c;--warning-dark:#e65100;--danger-dark:#7b241c;--info-dark:#2c5fa8;--layer-0:var(--danger);--layer-0-bg:var(--danger-light);--layer-1:var(--success);--layer-1-bg:var(--success-light);--layer-2:#9b59b6;--layer-2-bg:rgba(155, 89, 182, 0.2);--layer-3:var(--warning);--layer-3-bg:var(--warning-light);--rank-s:#ffd700;--rank-s-text:#0a0a00;--rank-a:#4caf50;--rank-a-text:#fff;--rank-b:#5b8dd9;--rank-b-text:#fff;--rank-c:#ff9800;--rank-c-text:#fff;--rank-d:#e67e22;--rank-d-text:#fff;--rank-f:#c0392b;--rank-f-text:#fff}[data-theme=scifi]{--bg-primary:#00020d;--bg-secondary:#000820;--bg-tertiary:#001030;--bg-card:rgba(0, 140, 255, 0.04);--bg-card-hover:rgba(0, 200, 255, 0.08);--bg-input:rgba(0, 140, 255, 0.06);--bg-modal:#000820;--bg-overlay:rgba(0, 2, 13, 0.9);--surface-1:var(--bg-primary);--surface-2:var(--bg-secondary);--surface-3:var(--bg-tertiary);--surface-card:var(--bg-card);--surface-card-hover:var(--bg-card-hover);--surface-input:var(--bg-input);--surface-modal:var(--bg-modal);--surface-overlay:var(--bg-overlay);--accent-primary:#0095ff;--accent-secondary:#00d4ff;--accent-gradient:linear-gradient(135deg, #0095ff 0%, #0060cc 50%, #00d4ff 100%);--primary:var(--accent-primary);--primary-hover:#007ee6;--primary-light:rgba(0, 149, 255, 0.15);--secondary:var(--accent-secondary);--secondary-hover:#00bbe6;--text-primary:#e8f4ff;--text-secondary:#7ab8e8;--text-muted:rgba(100, 160, 220, 0.55);--text-on-light:#00020d;--text-inverse:#00020d;--success:#00e676;--success-light:rgba(0, 230, 118, 0.12);--warning:#ffab00;--warning-light:rgba(255, 171, 0, 0.12);--danger:#ff1744;--danger-light:rgba(255, 23, 68, 0.12);--info:#40c4ff;--info-light:rgba(64, 196, 255, 0.12);--border-color:rgba(0, 149, 255, 0.2);--border-color-hover:rgba(0, 212, 255, 0.6);--border-focus:#00d4ff;--border-light:rgba(0, 149, 255, 0.08);--border-dark:rgba(0, 0, 0, 0.7);--shadow-sm:0 2px 8px rgba(0, 100, 200, 0.2);--shadow-md:0 4px 16px rgba(0, 100, 200, 0.3);--shadow-lg:0 8px 32px rgba(0, 100, 200, 0.4);--shadow-glow:0 0 20px rgba(0, 149, 255, 0.6),0 0 40px rgba(0, 212, 255, 0.2);--shadow-card:0 4px 16px rgba(0, 80, 180, 0.25);--shadow-modal:0 0 60px rgba(0, 149, 255, 0.4),0 0 120px rgba(0, 212, 255, 0.15);--shadow-focus:0 0 0 3px rgba(0, 212, 255, 0.3);--shadow-tooltip:0 4px 16px rgba(0, 100, 200, 0.4);--shadow-dropdown:0 8px 24px rgba(0, 100, 200, 0.3);--shadow-warning-glow:0 0 20px rgba(255, 171, 0, 0.7);--shadow-success-glow:0 0 20px rgba(0, 230, 118, 0.5);--shadow-danger-glow:0 0 20px rgba(255, 23, 68, 0.5);--gradient-success:linear-gradient(90deg, #00e676, #00b248);--gradient-warning:linear-gradient(90deg, #ffab00, #cc8800);--gradient-danger:linear-gradient(90deg, #ff1744, #c4001d);--gradient-info:linear-gradient(90deg, #40c4ff, #0098d4);--gradient-accent:linear-gradient(135deg, #0095ff, #00d4ff);--gradient-card:linear-gradient(135deg, rgba(0,149,255,0.06) 0%, rgba(0,212,255,0.03) 100%);--success-dark:#00b248;--warning-dark:#cc8800;--danger-dark:#c4001d;--info-dark:#0098d4;--layer-0:var(--danger);--layer-0-bg:var(--danger-light);--layer-1:var(--success);--layer-1-bg:var(--success-light);--layer-2:#aa00ff;--layer-2-bg:rgba(170, 0, 255, 0.15);--layer-3:var(--warning);--layer-3-bg:var(--warning-light);--rank-s:#ffe000;--rank-s-text:#000;--rank-a:#00e676;--rank-a-text:#000;--rank-b:#40c4ff;--rank-b-text:#000;--rank-c:#ffab00;--rank-c-text:#000;--rank-d:#ff6d00;--rank-d-text:#fff;--rank-f:#ff1744;--rank-f-text:#fff}[data-theme=esport]{--bg-primary:#080808;--bg-secondary:#101010;--bg-tertiary:#181818;--bg-card:rgba(255, 255, 255, 0.03);--bg-card-hover:rgba(0, 255, 65, 0.06);--bg-input:rgba(255, 255, 255, 0.05);--bg-modal:#101010;--bg-overlay:rgba(0, 0, 0, 0.92);--surface-1:var(--bg-primary);--surface-2:var(--bg-secondary);--surface-3:var(--bg-tertiary);--surface-card:var(--bg-card);--surface-card-hover:var(--bg-card-hover);--surface-input:var(--bg-input);--surface-modal:var(--bg-modal);--surface-overlay:var(--bg-overlay);--accent-primary:#00ff41;--accent-secondary:#00cc33;--accent-gradient:linear-gradient(135deg, #00ff41 0%, #00cc33 100%);--primary:var(--accent-primary);--primary-hover:#00e637;--primary-light:rgba(0, 255, 65, 0.12);--secondary:var(--accent-secondary);--secondary-hover:#00b32b;--text-primary:#f0f0f0;--text-secondary:#888888;--text-muted:rgba(128, 128, 128, 0.5);--text-on-light:#080808;--text-inverse:#080808;--success:#00ff41;--success-light:rgba(0, 255, 65, 0.12);--warning:#ffcc00;--warning-light:rgba(255, 204, 0, 0.12);--danger:#ff3333;--danger-light:rgba(255, 51, 51, 0.12);--info:#3399ff;--info-light:rgba(51, 153, 255, 0.12);--border-color:rgba(255, 255, 255, 0.08);--border-color-hover:rgba(0, 255, 65, 0.5);--border-focus:#00ff41;--border-light:rgba(255, 255, 255, 0.04);--border-dark:rgba(0, 0, 0, 0.8);--shadow-sm:0 1px 4px rgba(0, 0, 0, 0.5);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.6);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.7);--shadow-glow:0 0 15px rgba(0, 255, 65, 0.5),0 0 30px rgba(0, 255, 65, 0.2);--shadow-card:0 2px 8px rgba(0, 0, 0, 0.5);--shadow-modal:0 0 40px rgba(0, 0, 0, 0.9),0 0 80px rgba(0, 255, 65, 0.1);--shadow-focus:0 0 0 2px rgba(0, 255, 65, 0.4);--shadow-tooltip:0 4px 12px rgba(0, 0, 0, 0.8);--shadow-dropdown:0 8px 20px rgba(0, 0, 0, 0.7);--shadow-warning-glow:0 0 15px rgba(255, 204, 0, 0.6);--shadow-success-glow:0 0 15px rgba(0, 255, 65, 0.6);--shadow-danger-glow:0 0 15px rgba(255, 51, 51, 0.6);--gradient-success:linear-gradient(90deg, #00ff41, #00cc33);--gradient-warning:linear-gradient(90deg, #ffcc00, #cc9900);--gradient-danger:linear-gradient(90deg, #ff3333, #cc0000);--gradient-info:linear-gradient(90deg, #3399ff, #0066cc);--gradient-accent:linear-gradient(135deg, #00ff41, #00aa2b);--gradient-card:linear-gradient(135deg, rgba(0,255,65,0.04) 0%, rgba(0,0,0,0) 100%);--success-dark:#00cc33;--warning-dark:#cc9900;--danger-dark:#cc0000;--info-dark:#0066cc;--layer-0:var(--danger);--layer-0-bg:var(--danger-light);--layer-1:var(--success);--layer-1-bg:var(--success-light);--layer-2:#aa44ff;--layer-2-bg:rgba(170, 68, 255, 0.15);--layer-3:var(--warning);--layer-3-bg:var(--warning-light);--rank-s:#ffdd00;--rank-s-text:#000;--rank-a:#00ff41;--rank-a-text:#000;--rank-b:#3399ff;--rank-b-text:#fff;--rank-c:#ffcc00;--rank-c-text:#000;--rank-d:#ff8800;--rank-d-text:#fff;--rank-f:#ff3333;--rank-f-text:#fff}