:root{--color-common: #94a3b8;--color-rare: #3b82f6;--color-epic: #a855f7;--color-legendary: #eab308}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background-color:#020617;color:#f8fafc;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.glass-panel{background:#0f172a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 30px #0000001a}.animated-bg{background:linear-gradient(-45deg,#020617,#0f172a,#1e1b4b,#020617);background-size:400% 400%;animation:gradientBG 15s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-ui{transition:all .3s ease;transform-style:preserve-3d}.rarity-common{box-shadow:inset 0 0 10px #94a3b81a}.rarity-rare{box-shadow:inset 0 0 15px #3b82f633,0 0 10px #3b82f61a}.rarity-epic{box-shadow:inset 0 0 20px #a855f74d,0 0 15px #a855f733;animation:pulse-epic 3s infinite alternate}.rarity-legendary{box-shadow:inset 0 0 30px #eab30866,0 0 20px #eab3084d;animation:pulse-legendary 2s infinite alternate;background-image:linear-gradient(135deg,#ffffff1a,#fff0,#eab3081a)}@keyframes pulse-epic{0%{box-shadow:inset 0 0 20px #a855f74d,0 0 10px #a855f733}to{box-shadow:inset 0 0 30px #a855f780,0 0 25px #a855f766}}@keyframes pulse-legendary{0%{box-shadow:inset 0 0 30px #eab30866,0 0 15px #eab3084d}to{box-shadow:inset 0 0 50px #eab30899,0 0 35px #eab30880;border-color:#fef08a}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a80;border-radius:4px}::-webkit-scrollbar-thumb{background:#475569cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.text-shadow-glow{text-shadow:0 0 10px currentColor}