@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--c-primary:#0ea5e9;--c-primary-light:#38bdf8;--c-primary-dark:#0284c7;--c-primary-bg:#0ea5e91a;--c-accent:#06b6d4;--c-accent-light:#22d3ee;--c-bg:#0a0e1a;--c-bg-card:#111827;--c-bg-card-hover:#1a2332;--c-bg-input:#0d1117;--c-bg-modal:#161b28;--c-border:#1e293b;--c-border-light:#334155;--c-text:#e2e8f0;--c-text-secondary:#94a3b8;--c-text-muted:#64748b;--c-success:#10b981;--c-warning:#f59e0b;--c-error:#ef4444;--c-info:#3b82f6;--r-common:#94a3b8;--r-uncommon:#10b981;--r-rare:#3b82f6;--r-epic:#a855f7;--r-legendary:#f59e0b;--r-mythic:#ef4444;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 2px 12px #0006;--shadow-modal:0 8px 40px #0009;--shadow-glow:0 0 20px #0ea5e94d;--transition-fast:.15s ease;--transition:.2s ease;--transition-slow:.3s ease}[data-theme=light]{--c-bg:#f0f9ff;--c-bg-card:#fff;--c-bg-card-hover:#e0f2fe;--c-bg-input:#f0f9ff;--c-bg-modal:#fff;--c-border:#bae6fd;--c-border-light:#7dd3fc;--c-text:#0c4a6e;--c-text-secondary:#0369a1;--c-text-muted:#0284c7;--shadow-card:0 2px 12px #0ea5e926;--shadow-modal:0 8px 40px #0ea5e933}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--c-border-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #0ea5e933}50%{box-shadow:0 0 20px #0ea5e966}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}@keyframes progressBar{0%{width:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes confettiFall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--tx), var(--ty)) rotate(720deg);opacity:0}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-scale-in{animation:.25s forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.page-enter{animation:.35s forwards fadeInUp}.skeleton{background:linear-gradient(90deg, var(--c-bg-card) 25%, var(--c-bg-card-hover) 50%, var(--c-bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-card{border-radius:var(--radius-lg);height:120px}.skeleton-title{width:60%;height:22px;margin-bottom:12px}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-avatar{border-radius:50%;width:40px;height:40px}.hover-lift{transition:transform var(--transition), box-shadow var(--transition)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000080}.hover-glow{transition:box-shadow var(--transition)}.hover-glow:hover{box-shadow:var(--shadow-glow)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.card-interactive{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.card-interactive:hover{transform:translateY(-3px);box-shadow:0 6px 24px #00000080}.nav-active-indicator{position:relative}.nav-active-indicator:after{content:"";background:var(--c-primary);border-radius:2px;width:20px;height:3px;animation:.2s scaleIn;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.spinner{border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.glass{-webkit-backdrop-filter:blur(12px);background:#111827cc}[data-theme=light] .glass{background:#ffffffd9}::selection{background:var(--c-primary);color:#fff}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media (width<=768px){:root{--space-xl:20px;--space-lg:16px}}