@keyframes glassShimmer{0%{opacity:.6;transform:translate(-100%)skew(-15deg)}50%{opacity:.9;transform:translate(0%)skew(-15deg)}to{opacity:.6;transform:translate(100%)skew(-15deg)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes floatUp{0%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}to{opacity:0;transform:translateY(-20px)}}.glass-track-card{position:relative;overflow:hidden}.glass-track-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .7s ease-out;position:absolute;top:0;left:-100%}.glass-track-card:hover:before{left:100%}.glass-play-button{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative}.glass-play-button:before{content:"";border-radius:inherit;opacity:0;z-index:-1;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/400% 400%;transition:opacity .3s;animation:3s infinite gradientShift;position:absolute;inset:-2px}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-play-button:hover:before{opacity:.7;animation:2s infinite gradientShift,2s ease-in-out infinite pulseGlow}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass-backdrop-blur{-webkit-backdrop-filter:blur(20px)saturate(180%)brightness(120%)}}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){.glass-backdrop-blur{background:linear-gradient(135deg,#fff3 0%,#ffffff26 50%,#ffffff1a 100%)}}.glass-shadow-soft{box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff26,inset 0 -1px #ffffff0d}.glass-shadow-glow{box-shadow:0 8px 32px #3b82f640,0 2px 8px #8b5cf626,0 20px 60px #6366f126,inset 0 1px #fff3,inset 0 -1px #ffffff1a}.glass-text-transition{transition:color .3s cubic-bezier(.4,0,.2,1),text-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s ease-out}.glass-text-transition:hover{text-shadow:0 2px 8px #00000026;transform:translateY(-.5px)}.glass-progress-bar{border-radius:9999px;position:relative;overflow:hidden}.glass-progress-bar:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:3s ease-in-out infinite glassShimmer;position:absolute;top:0;left:-100%}.glass-track-card:hover:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f1cc,#0000);border-radius:50%;width:4px;height:4px;animation:2s ease-out infinite floatUp;position:absolute;top:50%;left:50%}@media (max-width:768px){.glass-play-button{width:52px;height:52px}.glass-track-card:hover:before{transition:left .5s ease-out;left:100%}}@media (max-width:480px){.glass-play-button{width:48px;height:48px}}@media (prefers-contrast:high){.glass-track-card{border:2px solid #000c;background:#fffffff2!important}.glass-text-transition{font-weight:600;color:#000!important;text-shadow:none!important}.glass-play-button{border:2px solid #000c;background:#fffffffa!important}}@media (prefers-color-scheme:dark){.glass-track-card{background:linear-gradient(135deg,#0f172a14 0%,#1e293b0f 50%,#33415514 100%);border-color:#ffffff1a}.glass-text-transition{color:#e2e8f0}.glass-text-transition:hover{color:#f8fafc}}@media (prefers-reduced-motion:reduce){.glass-track-card,.glass-play-button,.glass-progress-bar:before,.glass-text-transition{transition:none!important;animation:none!important}.glass-track-card:hover{transform:none!important}.glass-track-card:before,.glass-track-card:after{display:none}}@media print{.glass-track-card{box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.glass-play-button{display:none}}.badge-glass-card{background:rgba(var(--adaptive-primary-rgb), .05);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(var(--adaptive-primary-rgb), .15);transform-style:preserve-3d;transition:background-color .4s cubic-bezier(.4,0,.2,1),border-color .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.badge-glass-card:hover{background:rgba(var(--adaptive-primary-rgb), .12);border-color:rgba(var(--adaptive-primary-rgb), .3);box-shadow:0 10px 20px #0003, 0 0 15px rgba(var(--adaptive-primary-rgb), .2)}.badge-glitter-effect:after{content:"";opacity:0;pointer-events:none;z-index:2;background-image:radial-gradient(circle,#fffc 0%,#0000 1%),radial-gradient(circle at 20% 30%,#ffffff80 0%,#0000 1%),radial-gradient(circle at 80% 70%,#ffffff80 0%,#0000 1%);background-size:20px 20px;transition:opacity .3s;position:absolute;inset:0}.badge-glass-card:hover .badge-glitter-effect:after{opacity:.4;animation:2s linear infinite glitterShift}@keyframes glitterShift{0%{background-position:0 0}to{background-position:20px 20px}}.badge-shimmer-sweep:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--adaptive-primary-rgb), .2), #fff6, rgba(var(--adaptive-primary-rgb), .2), transparent);z-index:3;pointer-events:none;width:100%;height:100%;transition:left .6s ease-in-out;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.badge-glass-card:hover .badge-shimmer-sweep:before{left:150%}
@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:2s ease-in-out infinite shimmer}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes lp-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-spin-slow{animation:8s linear infinite spin-slow}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-float{animation:3s ease-in-out infinite float}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.animate-gradient{background-size:200% 200%;animation:4s infinite gradient-shift}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #ec489980}50%{box-shadow:0 0 20px #ec4899cc}}@keyframes progress-pill-glow{0%,to{filter:drop-shadow(0 0 2px rgba(var(--primary-rgb), .4)) drop-shadow(0 0 8px rgba(var(--primary-rgb), .2))}50%{filter:drop-shadow(0 0 5px rgba(var(--primary-rgb), .8)) drop-shadow(0 0 15px rgba(var(--primary-rgb), .4))}}@keyframes glass-shimmer-sweep{0%{transform:translate(-100%)skew(-15deg)}50%,to{transform:translate(150%)skew(-15deg)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)translateY(50px)}50%{opacity:.8;transform:scale(1.05)translateY(-10px)}70%{opacity:.9;transform:scale(.95)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes mesh-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-mesh{background-size:200% 200%;animation:10s infinite mesh-gradient}@keyframes wave{0%,to{height:20%}25%{height:60%}50%{height:100%}75%{height:40%}}.animate-wave{animation:1.5s ease-in-out infinite wave}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.glass-effect{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);background-color:#ffffff1a;border:1px solid #fff3}.enhanced-focus:focus{outline:2px solid hsl(var(--primary));outline-offset:2px;box-shadow:0 0 0 4px hsl(var(--primary) / .2)}.track-card-enter{animation:.6s ease-out bounce-in}.track-card-enter:first-child{animation-delay:0s}.track-card-enter:nth-child(2){animation-delay:.1s}.track-card-enter:nth-child(3){animation-delay:.2s}.track-card-enter:nth-child(4){animation-delay:.3s}.track-card-enter:nth-child(5){animation-delay:.4s}.track-card-enter:nth-child(6){animation-delay:.5s}@media (max-width:640px){.track-card-mobile{border-radius:1rem;padding:1rem}.track-cover-mobile{border-radius:.75rem;height:200px}}@media (prefers-color-scheme:dark){.glass-effect{background-color:#0003;border:1px solid #ffffff1a}}@media (prefers-contrast:high){.track-card{box-shadow:none;border-width:2px}.track-card:hover{border-width:3px}}@keyframes cover-glow-pulse{0%,to{box-shadow:0 0 12px rgba(var(--adaptive-primary-rgb,59, 130, 246), .25)}50%{box-shadow:0 0 24px rgba(var(--adaptive-primary-rgb,59, 130, 246), .5)}}.animate-cover-glow{animation:2.5s ease-in-out infinite cover-glow-pulse}@keyframes card-hover-lift{0%{transform:translateY(0)scale(1)}to{transform:translateY(-3px)scale(1.005)}}.track-card-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.track-card-lift:hover{transform:translateY(-3px)}@keyframes progress-knob-glow{0%,to{box-shadow:0 0 4px #fff9, 0 0 8px rgba(var(--adaptive-primary-rgb,59, 130, 246), .3)}50%{box-shadow:0 0 8px #fffc, 0 0 16px rgba(var(--adaptive-primary-rgb,59, 130, 246), .6)}}.animate-knob-glow{animation:2s ease-in-out infinite progress-knob-glow}@keyframes border-shimmer{0%{border-color:rgba(var(--adaptive-primary-rgb,59, 130, 246), .3)}50%{border-color:rgba(var(--adaptive-primary-rgb,59, 130, 246), .6)}to{border-color:rgba(var(--adaptive-primary-rgb,59, 130, 246), .3)}}.animate-border-shimmer{animation:3s ease-in-out infinite border-shimmer}.track-grid-card{transform-style:preserve-3d;position:relative}.track-grid-card:before{content:"";z-index:40;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:100%;height:100%;transition:left .6s ease-out;position:absolute;top:0;left:-100%}.track-grid-card:hover:before{left:100%}.next-player-shell{position:relative}.next-player-shell:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ffffff1f,#ffffff05,#ffffff14);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ambient-glow-pulse{0%,to{box-shadow:0 12px 48px #0006,inset 0 0 0 1px #ffffff0f}50%{box-shadow:0 16px 56px #00000080, 0 0 0 1px #ffffff14 inset, 0 0 80px rgba(var(--adaptive-primary-rgb,59, 130, 246), .1)}}@keyframes cover-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-cover-breathe{animation:4s ease-in-out infinite cover-breathe}@media (prefers-reduced-motion:reduce){.animate-spin-slow,.animate-shimmer,.animate-float,.animate-gradient,.animate-pulse-glow,.animate-bounce-in,.animate-wave,.animate-cover-glow,.animate-knob-glow,.animate-border-shimmer,.animate-cover-breathe{animation:none}.hover-lift,.track-card-lift{transition:none}.hover-lift:hover,.track-card-lift:hover{transform:none}.track-grid-card:before,.next-player-shell:before{display:none}.track-grid-card:hover{transform:none!important}}
@property --prismatic-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes obsidian-shimmer{0%{left:-160%}to{left:210%}}@keyframes obsidian-border-pulse{0%,to{border-color:#b8960c2e}50%{border-color:#b8960c61}}@keyframes prismatic-drift{0%{filter:hue-rotate()brightness();background-position:0 0}33%{filter:hue-rotate(120deg)brightness(1.06);background-position:100% 100%}66%{filter:hue-rotate(240deg)brightness(.97);background-position:50%}to{filter:hue-rotate(360deg)brightness();background-position:0 0}}@keyframes prismatic-sweep{0%{transform:translate(-160%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}.card-obsidian-gold{animation:5s ease-in-out infinite obsidian-border-pulse;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06,inset 0 1px #ffffff0d,inset 0 -1px #0009,0 4px 20px #000000bf,0 16px 48px #0000008c;background:#080808!important;border:1px solid #b8960c2e!important}.card-obsidian-gold:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000,#b8960c12,#ffd70024,#b8960c12,#0000);width:50%;height:100%;transition:left .9s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-160%;transform:skew(-14deg)}.card-obsidian-gold:hover:before{left:210%}.card-obsidian-gold:hover{box-shadow:inset 0 0 0 1px #ffffff09,inset 0 1px #ffffff12,inset 0 -1px #0009,0 4px 20px #000000bf,0 16px 48px #0000008c,0 0 30px #b8960c1a;border-color:#b8960c6b!important}.card-obsidian-gold>*{z-index:1;position:relative}.card-prismatic{position:relative;overflow:hidden;background:linear-gradient(135deg,#0d0a1a 0%,#14102a 50%,#0a0e1c 100%)!important;border:1px solid #ffffff1f!important}.card-prismatic:before{content:"";border-radius:inherit;mix-blend-mode:screen;pointer-events:none;z-index:0;background:linear-gradient(125deg,#ff009633 0%,#00dcff33 16.66%,#7800ff33 33.33%,#ffb40033 50%,#00ff7833 66.66%,#ff005033 83.33%,#ff009633 100%) 0 0/400% 400%;animation:7s linear infinite prismatic-drift;position:absolute;inset:0}.card-prismatic:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#ffffff0d,#0000);width:50%;height:100%;animation:5s ease-in-out infinite prismatic-sweep;position:absolute;top:0;left:-160%;transform:skew(-18deg)}.card-prismatic>*{z-index:2;position:relative}.layout-cinematic-avatar{transition:transform .8s cubic-bezier(.4,0,.2,1);overflow:hidden}.layout-cinematic-root:hover .layout-cinematic-avatar{transform:scale(1.04)}.layout-cinematic-avatar img{transition:transform .8s cubic-bezier(.4,0,.2,1)}@keyframes spotlight-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.06)}}.layout-spotlight-glow{animation:4s ease-in-out infinite spotlight-breathe}@keyframes holographic-shift{0%{filter:hue-rotate();background-position:0%}50%{filter:hue-rotate(180deg);background-position:100%}to{filter:hue-rotate(360deg);background-position:0%}}@keyframes holographic-sheen{0%{transform:translate(-200%)skew(-20deg)}to{transform:translate(300%)skew(-20deg)}}.card-holographic{position:relative;overflow:hidden}.card-holographic:before{content:"";border-radius:inherit;mix-blend-mode:screen;pointer-events:none;z-index:0;background:linear-gradient(105deg,#ff64c81f 0%,#64c8ff1f 20%,#c864ff1f 40%,#ffc8641f 60%,#64ffc81f 80%,#ff64c81f 100%) 0 0/300% 100%;animation:6s ease-in-out infinite holographic-shift;position:absolute;inset:0}.card-holographic:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff14,#ffffff26,#ffffff14,#0000);width:40%;height:100%;animation:4s ease-in-out infinite holographic-sheen;position:absolute;top:0;left:-200%;transform:skew(-20deg)}.card-holographic>*{z-index:2;position:relative}@keyframes mesh-blob-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.1)}50%{transform:translate(-10px,30px)scale(.9)}75%{transform:translate(-30px,-10px)scale(1.05)}}@keyframes mesh-blob-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-25px,20px)scale(.95)}50%{transform:translate(20px,-25px)scale(1.1)}75%{transform:translate(15px,15px)scale(.9)}}@keyframes mesh-blob-3{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,25px)scale(1.08)}66%{transform:translate(-25px,-15px)scale(.92)}}.card-mesh{position:relative;overflow:hidden}.card-mesh:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 30%,#8b5cf640 0%,#0000 50%),radial-gradient(circle at 70% 60%,#06b6d433 0%,#0000 50%),radial-gradient(circle at 50% 80%,#ec48992e 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite mesh-blob-1;position:absolute;top:-50%;left:-50%}.card-mesh:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 60% 20%,#fb923c26 0%,#0000 45%),radial-gradient(circle at 20% 70%,#22d3ee26 0%,#0000 45%);width:150%;height:150%;animation:10s ease-in-out infinite mesh-blob-2;position:absolute;top:-25%;left:-25%}.card-mesh>*{z-index:1;position:relative}@keyframes showcase-shimmer-sweep{0%{transform:translate(-200%)skew(-16deg)}to{transform:translate(350%)skew(-16deg)}}.showcase-card-shimmer{position:relative;overflow:hidden}.showcase-card-shimmer:after{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#ffffff0a,#ffffff14,#ffffff0a,#0000);width:45%;height:100%;transition:none;position:absolute;top:0;left:-200%;transform:skew(-16deg)}.showcase-card-shimmer:hover:after{animation:.8s cubic-bezier(.4,0,.2,1) forwards showcase-shimmer-sweep}@media (prefers-reduced-motion:reduce){.card-obsidian-gold,.card-obsidian-gold:before,.card-prismatic:before,.card-prismatic:after,.card-holographic:before,.card-holographic:after,.card-mesh:before,.card-mesh:after,.layout-spotlight-glow,.showcase-card-shimmer:after{transition:none!important;animation:none!important}}