@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500&display=swap";:root{--bg-base:#0d0f14;--bg-surface:#141720;--bg-raised:#1c2030;--bg-overlay:#232840;--gold:#f0c040;--gold-dim:#a07820;--gold-glow:#f0c04026;--rarity-common:#8a8fa8;--rarity-uncommon:#4ade80;--rarity-rare:#60a5fa;--rarity-legendary:#f0c040;--text-primary:#e8eaf2;--text-secondary:#a8adc4;--text-muted:#6b7490;--border:#ffffff12;--border-accent:#f0c0404d;--font-display:"Bebas Neue", sans-serif;--font-ui:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-card:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:16px}#root{flex-direction:column;max-width:430px;margin:0 auto;display:flex;position:relative}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:14px 28px;font-size:18px;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--gold);color:#0d0f14;box-shadow:0 4px 20px #f0c04059}.btn-primary:hover{background:#f5ce5a;box-shadow:0 4px 28px #f0c04080}.btn-secondary{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-overlay);border-color:var(--border-accent)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 16px;font-size:15px}.btn-ghost:hover{color:var(--text-primary)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.rarity-common{border-color:var(--rarity-common)}.rarity-uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 12px #4ade8026}.rarity-rare{border-color:var(--rarity-rare);box-shadow:0 0 12px #60a5fa33}.rarity-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 20px #f0c0404d}.screen{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.screen:after{content:"";pointer-events:none;z-index:999;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 20px #f0c04059}50%{box-shadow:0 4px 36px #f0c04099}}.animate-in{animation:.35s forwards fadeIn}.btn-primary{animation:2.5s ease-in-out infinite pulse-glow}