: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-text: #2D2D2D;--color-text-light: #6B7280;--color-border: #E5E7EB;--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)}*{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}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}.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:#fff}.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:#fff}.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)}.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:#f3f4f6;color:#374151}.badge.badge-uncommon{background:#d1fae5;color:#065f46}.badge.badge-rare{background:#dbeafe;color:#1e40af}.badge.badge-epic{background:#ede9fe;color:#5b21b6}.badge.badge-legendary{background:#fef3c7;color:#92400e}.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}}@media (min-width: 769px){.hide-desktop{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}