:root{--bg-0:#0b0420;--bg-1:#1a0838;--gold:#ffd64d;--gold-2:#ffae00;--pink:#ff3aa6;--cyan:#4fe8ff;--green:#5cff8d;--red:#ff4d6d;--purple:#a855f7;--shadow:0 6px 0 #00000059, 0 18px 30px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#fff;-webkit-user-select:none;user-select:none;background:radial-gradient(1200px 800px at 50% -10%,#2a0a5e 0%,#0b0420 60%,#050111 100%);min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes spinY{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes confetti{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(800px)rotate(720deg)}}@keyframes glow{0%,to{box-shadow:0 0 16px var(--gold), 0 0 32px var(--gold-2)}50%{box-shadow:0 0 24px var(--pink), 0 0 60px var(--gold)}}.shiny{background:linear-gradient(90deg, var(--gold) 0%, #fff8b8 25%, var(--gold-2) 50%, #fff8b8 75%, var(--gold) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shine}.btn{letter-spacing:.5px;color:#2b1500;box-shadow:var(--shadow), inset 0 -4px 0 #00000026, inset 0 2px 0 #fff9;text-transform:uppercase;background:linear-gradient(#ffe177 0%,#ffae00 100%);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:18px;font-weight:900;transition:transform 80ms,filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(2px)}.btn.big{border-radius:18px;padding:20px 36px;font-size:22px}.btn.pink{color:#fff;background:linear-gradient(#ff7bc7 0%,#ff2a8f 100%)}.btn.cyan{color:#02323d;background:linear-gradient(#82f5ff 0%,#00b5d9 100%)}.btn.green{color:#0a3308;background:linear-gradient(#a4ff9a 0%,#1bcf3b 100%)}.btn.ghost{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 2px #fff3}.chip{background:#00000059;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f}.card{background:linear-gradient(#ffffff14,#ffffff05);border-radius:18px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff1a,0 12px 30px #0006}.rarity-common{color:#c7c7c7}.rarity-rare{color:#4fe8ff}.rarity-epic{color:#c084fc}.rarity-legendary{color:#ffd64d}.rarity-mythic{color:#ff3aa6}.bg-common{background:linear-gradient(#5b5b66,#2c2c34)}.bg-rare{background:linear-gradient(#2a8fb8,#143a52)}.bg-epic{background:linear-gradient(#8636d4,#371566)}.bg-legendary{background:linear-gradient(#f5a623,#8a4a06)}.bg-mythic{background:linear-gradient(#ff3aa6,#6e0a45)}.hud{pointer-events:none;z-index:5;justify-content:space-between;align-items:center;padding:12px;display:flex;position:absolute;top:0;left:0;right:0}.hud .chip{pointer-events:auto}.toast{color:#2b1500;box-shadow:var(--shadow);z-index:999;background:linear-gradient(#ffe177,#ffae00);border-radius:999px;padding:12px 24px;font-weight:900;animation:1s infinite pulse;position:fixed;top:24px;left:50%;transform:translate(-50%)}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#020010b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(#2a1158,#150736);border-radius:22px;width:min(560px,96vw);max-height:90vh;padding:22px;position:relative;overflow:auto;box-shadow:0 20px 60px #000000b3,inset 0 0 0 2px #ffd75a66}.h-title{letter-spacing:-2px;text-shadow:0 6px #00000059,0 14px 30px #ff64c866;font-size:clamp(40px,8vw,96px);font-weight:900;line-height:.95}.nav-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.tab-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:linear-gradient(#14043cd9,#080018f2);border-top:1px solid #ffffff1a;gap:8px;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar a{text-align:center;color:#c5b8e8;border-radius:12px;flex:1;padding:10px 6px;font-size:13px;font-weight:800}.tab-bar a.active{color:#2b1500;background:linear-gradient(#ffe177,#ffae00);box-shadow:inset 0 -3px #0000001f}.gem{color:#4fe8ff}.coin{color:#ffd64d}.heart{color:#ff4d6d}.flash{animation:.6s pulse}.scroll-hide::-webkit-scrollbar{display:none}.scroll-hide{scrollbar-width:none}.float{animation:3s ease-in-out infinite float}.wiggle{animation:1.2s ease-in-out infinite wiggle}.glow{animation:1.6s ease-in-out infinite glow}.spin{animation:6s linear infinite spinY}.deal-banner{background:repeating-linear-gradient(45deg,#ff2a8f,#ff2a8f 12px,#ffae00 12px 24px);border-radius:14px;padding:4px}.confetti-piece{width:8px;height:14px;animation:2.2s ease-out forwards confetti;position:absolute}input,select{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:10px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}input:focus,select:focus{border-color:var(--gold)}