@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-common{--color-primary: #FFD93D;--color-primary-dark: #F0C020;--color-accent: #6BCB77;--color-success: #6BCB77;--color-warning: #FFD93D;--color-danger: #FF6B6B;--color-bg: #1a2e6e;--color-surface: #1e3475;--color-surface-2: #213980;--color-text: rgba(255,255,255,.95);--color-text-light: rgba(255,255,255,.6);--color-text-muted: rgba(255,255,255,.35);--color-border: rgba(255,255,255,.15);--shell-sidebar-bg: #1a2e6e;--shell-sidebar-border: rgba(255,255,255,.12);--shell-header-bg: #243980;--shell-header-text: white;--shell-bottomnav-bg: #1a2e6e;--shell-bottomnav-border: rgba(255,255,255,.1);--shell-nav-active-bg: rgba(255,217,61,.15);--shell-nav-active-color: #FFD93D;--shell-nav-color: rgba(255,255,255,.45);--shell-logo-color: #FFD93D;--shell-badge-bg: #FFD93D;--shell-badge-color: #1a2e6e;--shell-accent-glow: rgba(255,217,61,.3);--shell-grid-overlay: none;--shell-surface-blur: none;--shadow: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);color-scheme:dark}body.theme-uncommon{--color-primary: #39FF14;--color-primary-dark: #2ACC10;--color-accent: #FF7800;--color-success: #39FF14;--color-warning: #FFD93D;--color-danger: #FF4444;--color-bg: #0d1f0d;--color-surface: rgba(255,255,255,.05);--color-surface-2: rgba(255,255,255,.03);--color-text: rgba(255,255,255,.92);--color-text-light: rgba(255,255,255,.45);--color-text-muted: rgba(255,255,255,.25);--color-border: rgba(57,255,20,.2);--shell-sidebar-bg: #0d1f0d;--shell-sidebar-border: rgba(57,255,20,.18);--shell-header-bg: linear-gradient(135deg, #0f2410, #1a3d1a);--shell-header-text: white;--shell-bottomnav-bg: #0d1f0d;--shell-bottomnav-border: rgba(57,255,20,.18);--shell-nav-active-bg: rgba(57,255,20,.1);--shell-nav-active-color: #39FF14;--shell-nav-color: rgba(255,255,255,.38);--shell-logo-color: #39FF14;--shell-badge-bg: #39FF14;--shell-badge-color: #0d1f0d;--shell-accent-glow: rgba(57,255,20,.35);--shell-grid-overlay: none;--shell-surface-blur: none;--shadow: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 36px rgba(0,0,0,.6);color-scheme:dark}body.theme-uncommon .themed-layout:before{content:"";position:fixed;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(57,255,20,.1) 0%,transparent 65%);pointer-events:none;z-index:0}body.theme-rare{--color-primary: #cc00ff;--color-primary-dark: #a300cc;--color-accent: #00ccff;--color-success: #00ff88;--color-warning: #ffff00;--color-danger: #ff0066;--color-bg: #160a2e;--color-surface: rgba(255,255,255,.06);--color-surface-2: rgba(255,255,255,.04);--color-text: rgba(255,255,255,.93);--color-text-light: rgba(255,255,255,.48);--color-text-muted: rgba(255,255,255,.28);--color-border: rgba(200,0,255,.25);--shell-sidebar-bg: rgba(22,10,46,.98);--shell-sidebar-border: rgba(200,0,255,.2);--shell-header-bg: linear-gradient(135deg, #2a0a5e, #1a0a3e);--shell-header-text: white;--shell-bottomnav-bg: linear-gradient(0deg, #0f0520, #160a2e);--shell-bottomnav-border: rgba(180,0,255,.3);--shell-nav-active-bg: rgba(180,0,255,.15);--shell-nav-active-color: #df5fff;--shell-nav-color: rgba(255,255,255,.35);--shell-logo-color: #df5fff;--shell-badge-bg: #cc00ff;--shell-badge-color: white;--shell-accent-glow: rgba(200,0,255,.4);--shell-grid-overlay: none;--shell-surface-blur: none;--shadow: 0 4px 24px rgba(0,0,0,.55);--shadow-lg: 0 8px 44px rgba(0,0,0,.65);color-scheme:dark}body.theme-rare .themed-layout:before{content:"";position:fixed;top:-150px;left:-100px;width:550px;height:550px;background:radial-gradient(circle,rgba(255,0,200,.18) 0%,transparent 60%);pointer-events:none;z-index:0}body.theme-rare .themed-layout:after{content:"";position:fixed;bottom:-100px;right:-50px;width:450px;height:450px;background:radial-gradient(circle,rgba(0,200,255,.14) 0%,transparent 60%);pointer-events:none;z-index:0}body.theme-epic{--color-primary: #a78bff;--color-primary-dark: #8060e0;--color-accent: #ff60d0;--color-success: #40ffb0;--color-warning: #ffd700;--color-danger: #ff4060;--color-bg: #050510;--color-surface: rgba(255,255,255,.04);--color-surface-2: rgba(255,255,255,.03);--color-text: rgba(255,255,255,.92);--color-text-light: rgba(255,255,255,.42);--color-text-muted: rgba(255,255,255,.24);--color-border: rgba(100,80,255,.25);--shell-sidebar-bg: #08081a;--shell-sidebar-border: rgba(100,80,255,.2);--shell-header-bg: #08081a;--shell-header-text: white;--shell-bottomnav-bg: #08081a;--shell-bottomnav-border: rgba(80,80,255,.2);--shell-nav-active-bg: rgba(108,64,255,.15);--shell-nav-active-color: #a78bff;--shell-nav-color: rgba(255,255,255,.3);--shell-logo-color: #a78bff;--shell-badge-bg: linear-gradient(135deg, #6040ff, #c060ff);--shell-badge-color: white;--shell-accent-glow: rgba(140,80,255,.45);--shell-grid-overlay: none;--shell-surface-blur: none;--shadow: 0 4px 24px rgba(0,0,0,.65);--shadow-lg: 0 8px 48px rgba(0,0,0,.75);color-scheme:dark}body.theme-epic .themed-layout:before{content:"";position:fixed;top:-200px;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(80,0,200,.28) 0%,transparent 60%);pointer-events:none;z-index:0}body.theme-epic .themed-layout:after{content:"";position:fixed;bottom:-100px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,0,150,.1) 0%,transparent 60%);pointer-events:none;z-index:0}body.theme-legendary{--color-primary: #ffd700;--color-primary-dark: #e6be00;--color-accent: #ff9500;--color-success: #40ffb0;--color-warning: #ffd700;--color-danger: #ff4060;--color-bg: #0d0820;--color-surface: rgba(255,255,255,.05);--color-surface-2: rgba(255,255,255,.03);--color-text: rgba(255,255,255,.93);--color-text-light: rgba(255,255,255,.45);--color-text-muted: rgba(255,255,255,.25);--color-border: rgba(255,180,0,.2);--shell-sidebar-bg: #0f0a22;--shell-sidebar-border: rgba(255,180,0,.18);--shell-header-bg: linear-gradient(135deg, #1a0838, #120520);--shell-header-text: white;--shell-bottomnav-bg: linear-gradient(0deg, #080615, #0d0820);--shell-bottomnav-border: rgba(255,180,0,.18);--shell-nav-active-bg: rgba(255,180,0,.1);--shell-nav-active-color: #ffd700;--shell-nav-color: rgba(255,255,255,.3);--shell-logo-color: #ffd700;--shell-badge-bg: linear-gradient(135deg, #ffd700, #ff9500);--shell-badge-color: #0d0820;--shell-accent-glow: rgba(255,180,0,.5);--shell-grid-overlay: none;--shell-surface-blur: none;--shadow: 0 4px 28px rgba(0,0,0,.65);--shadow-lg: 0 8px 50px rgba(0,0,0,.75);color-scheme:dark}body.theme-legendary .themed-layout:before{content:"";position:fixed;top:-250px;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(ellipse,rgba(120,40,255,.32) 0%,transparent 60%);pointer-events:none;z-index:0}body.theme-legendary .themed-layout:after{content:"";position:fixed;bottom:-150px;left:50%;transform:translate(-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(255,200,0,.14) 0%,transparent 65%);pointer-events:none;z-index:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;background-color:var(--color-bg)}body{min-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-common .themed-surface,body.theme-uncommon .themed-surface,body.theme-rare .themed-surface,body.theme-epic .themed-surface,body.theme-legendary .themed-surface{background:var(--color-surface)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}body.theme-common table,body.theme-uncommon table,body.theme-rare table,body.theme-epic table,body.theme-legendary table{color:var(--color-text)}body.theme-common th,body.theme-uncommon th,body.theme-rare th,body.theme-epic th,body.theme-legendary th{color:var(--color-text-light)!important;background:var(--color-surface-2)!important;border-color:var(--color-border)!important}body.theme-common td,body.theme-uncommon td,body.theme-rare td,body.theme-epic td,body.theme-legendary td{border-color:var(--color-border)!important;color:var(--color-text)!important}