@charset "UTF-8";:root{--color-primary: #6C63FF;--color-primary-dark: #5A52E0;--color-secondary: #FF6B6B;--color-accent: #FFD93D;--color-success: #6BCB77;--color-warning: #FFD93D;--color-danger: #FF6B6B;--color-bg: #F8F7FF;--color-surface: #FFFFFF;--color-surface-2: #F3F4F6;--color-text: #2D2D2D;--color-text-light: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--shell-sidebar-bg: white;--shell-sidebar-border: #E5E7EB;--shell-header-bg: linear-gradient(135deg, #6C63FF, #5A52E0);--shell-header-text: white;--shell-bottomnav-bg: white;--shell-bottomnav-border: #E5E7EB;--shell-nav-active-bg: #EDE9FE;--shell-nav-active-color: #6C63FF;--shell-nav-color: #6B7280;--shell-logo-color: #6C63FF;--shell-badge-bg: #6C63FF;--shell-badge-color: white;--shell-accent-glow: rgba(108,99,255,.2);--shell-grid-overlay: none;--shell-surface-blur: none;--rarity-common: #9CA3AF;--rarity-uncommon: #34D399;--rarity-rare: #60A5FA;--rarity-epic: #A78BFA;--rarity-legendary: #FBBF24;--font-family: "Nunito", "Segoe UI", sans-serif;--border-radius: 12px;--border-radius-lg: 20px;--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}body.theme-grimoire{--color-primary: #F59E0B;--color-primary-dark: #D97706;--color-accent: #FBBF24;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #EF4444;--color-bg: #12100e;--color-surface: #1a1510;--color-surface-2: #1c1710;--color-text: #F5E0A0;--color-text-light: #8a7050;--color-text-muted: #6B5B3A;--color-border: #2e2415;--shell-sidebar-bg: linear-gradient(180deg, #1c1710 0%, #0f0d0a 100%);--shell-sidebar-border: #2e2415;--shell-header-bg: linear-gradient(135deg, #1c1710, #12100e);--shell-header-text: #F5E0A0;--shell-bottomnav-bg: #0d0b08;--shell-bottomnav-border: #2e2415;--shell-nav-active-bg: rgba(245,158,11,.1);--shell-nav-active-color: #F59E0B;--shell-nav-color: #6B5B3A;--shell-logo-color: #F59E0B;--shell-badge-bg: #F59E0B;--shell-badge-color: #12100e;--shell-accent-glow: rgba(245,158,11,.25);--shell-grid-overlay: none;--shell-surface-blur: none;--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);color-scheme:dark}body.theme-crystal{--color-primary: #8B5CF6;--color-primary-dark: #7C3AED;--color-accent: #EC4899;--color-success: #34D399;--color-warning: #FBBF24;--color-danger: #EF4444;--color-bg: #0f0628;--color-surface: rgba(255,255,255,.06);--color-surface-2: rgba(255,255,255,.04);--color-text: rgba(255,255,255,.92);--color-text-light: rgba(255,255,255,.45);--color-text-muted: rgba(255,255,255,.28);--color-border: rgba(255,255,255,.09);--shell-sidebar-bg: rgba(255,255,255,.03);--shell-sidebar-border: rgba(255,255,255,.07);--shell-header-bg: rgba(15,6,40,.92);--shell-header-text: white;--shell-bottomnav-bg: rgba(15,6,40,.98);--shell-bottomnav-border: rgba(255,255,255,.07);--shell-nav-active-bg: rgba(139,92,246,.2);--shell-nav-active-color: white;--shell-nav-color: rgba(255,255,255,.35);--shell-logo-color: white;--shell-badge-bg: #8B5CF6;--shell-badge-color: white;--shell-accent-glow: rgba(139,92,246,.3);--shell-grid-overlay: none;--shell-surface-blur: blur(16px);--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);color-scheme:dark}body.theme-neon{--color-primary: #00D4FF;--color-primary-dark: #00B8D9;--color-accent: #AAFF00;--color-success: #AAFF00;--color-warning: #FBBF24;--color-danger: #FF006E;--color-bg: #080810;--color-surface: #0c0c18;--color-surface-2: #0e0e20;--color-text: rgba(255,255,255,.9);--color-text-light: rgba(255,255,255,.38);--color-text-muted: rgba(255,255,255,.22);--color-border: rgba(0,212,255,.12);--shell-sidebar-bg: #0c0c18;--shell-sidebar-border: rgba(0,212,255,.12);--shell-header-bg: rgba(8,8,16,.97);--shell-header-text: rgba(255,255,255,.92);--shell-bottomnav-bg: rgba(8,8,16,.99);--shell-bottomnav-border: rgba(0,212,255,.12);--shell-nav-active-bg: rgba(0,212,255,.1);--shell-nav-active-color: #00D4FF;--shell-nav-color: rgba(255,255,255,.28);--shell-logo-color: white;--shell-badge-bg: #FF006E;--shell-badge-color: white;--shell-accent-glow: rgba(0,212,255,.25);--shell-surface-blur: none;--shadow: 0 4px 20px rgba(0,0,0,.6);--shadow-lg: 0 8px 40px rgba(0,0,0,.7);color-scheme:dark}body.theme-neon .themed-layout:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,212,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}body.theme-crystal .themed-layout:before{content:"";position:fixed;top:-150px;left:-150px;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none;z-index:0}body.theme-crystal .themed-layout:after{content:"";position:fixed;bottom:-100px;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(236,72,153,.08) 0%,transparent 70%);pointer-events:none;z-index:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-center{text-align:center}.text-right{text-align:right}.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:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.card{background:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--border-radius);font-family:var(--font-family);font-size:.875rem;font-weight:700;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:var(--color-primary);color:var(--shell-badge-color, white)}.btn.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.btn.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn.btn-secondary:hover:not(:disabled){background:var(--color-primary);color:var(--shell-badge-color, white)}.btn.btn-danger{background:var(--color-danger);color:#fff}.btn.btn-danger:hover:not(:disabled){filter:brightness(.9)}.btn.btn-lg{padding:.875rem 2rem;font-size:1rem;border-radius:var(--border-radius-lg)}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;border:2px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family);font-size:.875rem;transition:border-color .2s;background:var(--color-surface);color:var(--color-text)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input.ng-invalid.ng-touched,.form-group select.ng-invalid.ng-touched,.form-group textarea.ng-invalid.ng-touched{border-color:var(--color-danger)}.form-group .error-message{font-size:.75rem;color:var(--color-danger)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:100px;font-size:.75rem;font-weight:700}.badge.badge-coins{background:#fff3cd;color:#92400e}.badge.badge-gems{background:#ede9fe;color:#5b21b6}.badge.badge-xp{background:#d1fae5;color:#065f46}.badge.badge-common{background:#9ca3af33;color:var(--rarity-common)}.badge.badge-uncommon{background:#34d39926;color:var(--rarity-uncommon)}.badge.badge-rare{background:#60a5fa26;color:var(--rarity-rare)}.badge.badge-epic{background:#a78bfa26;color:var(--rarity-epic)}.badge.badge-legendary{background:#fbbf2426;color:var(--rarity-legendary)}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgba(108,99,255,.2);border-radius:50%;border-top-color:var(--color-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}body.theme-grimoire .themed-surface,body.theme-crystal .themed-surface,body.theme-neon .themed-surface{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}body.theme-grimoire table,body.theme-crystal table,body.theme-neon table{color:var(--color-text)}body.theme-grimoire th,body.theme-crystal th,body.theme-neon th{color:var(--color-text-light)!important;background:var(--color-surface-2)!important;border-color:var(--color-border)!important}body.theme-grimoire td,body.theme-crystal td,body.theme-neon td{border-color:var(--color-border)!important;color:var(--color-text)!important}