@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--bg-tertiary:#111;--border-color:#262626;--text-main:#e5e5e5;--text-muted:#737373;--accent:#d4b483;--accent-dim:#8a7453;--rarity-common:#6b7280;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#d4b483;--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--font-serif:"Playfair Display",Georgia,serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;background-color:var(--bg-tertiary);color:var(--text-main);border:1px solid var(--border-color);border-radius:4px;font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:hover{background-color:#1a1a1a;border-color:var(--text-muted)}.btn-primary{background-color:#5865f2;border-color:#4752c4;color:#fff}.btn-primary:hover{background-color:#4752c4;border-color:#3b45a6}.btn-accent{background-color:transparent;color:var(--accent);border-color:var(--accent-dim)}.btn-accent:hover{background-color:hsla(36,49%,67%,.08);border-color:var(--accent);box-shadow:0 0 12px hsla(36,49%,67%,.2)}.input{width:100%;padding:.65rem .9rem;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-main);font-family:var(--font-sans);font-size:.875rem;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--accent-dim);box-shadow:0 0 0 2px hsla(36,49%,67%,.1)}.input::placeholder{color:var(--text-muted)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.card h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}