:root{--primary-color:#be4bdb;--primary-dark:#9c36b5;--primary-light:#d560e8;--accent-color:#7950f2;--accent-dark:#6741d9;--gradient-primary:linear-gradient(135deg,#d22bff 0%,#9c36b5 50%,#6339d7 100%);--gradient-secondary:linear-gradient(135deg,#be4bdb 0%,#7950f2 100%);--shadow-glow:0 0 30px #be4bdb4d;--shadow-glow-intense:0 0 50px #be4bdb80;--transition-smooth:all .4s cubic-bezier(.4,0,.2,1);--transition-bounce:all .5s cubic-bezier(.68,-.55,.265,1.55)}[data-mantine-color-scheme=light] body{color:#000;background-color:#f5f5f7}[data-mantine-color-scheme=dark] body{color:#eee;background:linear-gradient(#0d0d0f 0%,#1a1b1e 100%)}html{scroll-behavior:smooth}.mantine-Rating-root,.mantine-Rating-root *{cursor:pointer!important}.holographic-card-container{transition:transform .5s,box-shadow .5s}.holographic-card-container:hover{box-shadow:0 0 25px #9c36b566}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes clickEffect{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-120%)scale(1.2)}}.click-effect{pointer-events:none;text-shadow:0 0 3px #00000080;font-weight:700;animation:.8s ease-out forwards clickEffect;position:absolute}@keyframes caseShake{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(0)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.case-shake{animation:.3s infinite caseShake}.rarity-common{box-shadow:0 0 10px #a0a0a080}.rarity-rare{box-shadow:0 0 10px #0070dd80}.rarity-epic{box-shadow:0 0 15px #a335ee80}.rarity-legendary{box-shadow:0 0 20px #ffd700b3}.rarity-mythic{box-shadow:0 0 25px #ff0000b3}h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none!important}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1a1b1e99;border:1px solid #be4bdb33;border-radius:16px}.glass-card-light{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #be4bdb26;border-radius:16px}.gradient-text-primary{background:linear-gradient(135deg,#d22bff 0%,#8a5dff 50%,#6339d7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,gold 0%,orange 50%,#ff8c00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-silver{background:linear-gradient(135deg,#e8e8e8 0%,silver 50%,#a8a8a8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-glow{transition:all .3s;position:relative;overflow:hidden}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 25px #be4bdb66}.btn-glow:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-glow:hover:before{left:100%}.card-lift{transition:transform .3s,box-shadow .3s}.card-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.card-scale{transition:transform .3s}.card-scale:hover{transform:scale(1.02)}.card-glow{transition:all .3s}.card-glow:hover{border-color:#be4bdb80;box-shadow:0 0 30px #be4bdb4d}@keyframes pulse-glow{0%,to{box-shadow:0 0 #be4bdb80}50%{box-shadow:0 0 20px 10px #be4bdb00}}.pulse-effect{animation:2s infinite pulse-glow}@keyframes pulse-border{0%,to{border-color:#be4bdb4d}50%{border-color:#be4bdbcc}}.pulse-border{animation:2s infinite pulse-border}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}@keyframes float-rotate{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(3deg)}}.float-rotate-animation{animation:4s ease-in-out infinite float-rotate}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out forwards fadeInUp}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-scale{animation:.5s ease-out forwards fadeInScale}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in-left{animation:.6s ease-out forwards fadeInLeft}.glow-primary{box-shadow:0 0 20px #be4bdb66}.glow-gold{box-shadow:0 0 20px #ffd70066}.glow-success{box-shadow:0 0 20px #22c55e66}.glow-danger{box-shadow:0 0 20px #ef444466}.text-glow{text-shadow:0 0 10px #be4bdb80}.text-glow-gold{text-shadow:0 0 10px #ffd70080}.gradient-border{background:linear-gradient(var(--mantine-color-body),var(--mantine-color-body))padding-box,linear-gradient(135deg,#d22bff,#6339d7)border-box;border:2px solid #0000;border-radius:12px}.animated-border{position:relative;overflow:hidden}.animated-border:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(45deg,#d22bff,#6339d7,#d22bff) 0 0/300% 300%;animation:3s infinite borderGradient;position:absolute;inset:-2px}@keyframes borderGradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:1s linear infinite spin}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.bounce-animation{animation:1s ease-in-out infinite bounce}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#be4bdb1a 25%,#be4bdb33 50%,#be4bdb1a 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}.icon-hover-rotate{transition:transform .3s}.icon-hover-rotate:hover{transform:rotate(15deg)}.icon-hover-scale{transition:transform .3s}.icon-hover-scale:hover{transform:scale(1.2)}.icon-hover-bounce{transition:transform .3s}.icon-hover-bounce:hover{animation:.5s bounce}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1b1e80;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#be4bdb,#7950f2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#d560e8,#8b5cf6)}::selection{color:inherit;background:#be4bdb4d}::selection{color:inherit;background:#be4bdb4d}:focus-visible{outline-offset:2px;outline:2px solid #be4bdb80}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (hover:none){.card-lift:active{transform:scale(.98)}.btn-glow:active{transform:scale(.95)}}@keyframes notification-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-enter{animation:.3s ease-out forwards notification-enter}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge-pulse{animation:2s ease-in-out infinite badge-pulse}.badge-new:after{content:"";background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-glow;position:absolute;top:-2px;right:-2px}.tooltip-glow{box-shadow:0 4px 20px #be4bdb40}@keyframes progress-shine{0%{left:-100%}to{left:100%}}.progress-shine{position:relative;overflow:hidden}.progress-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;animation:2s infinite progress-shine;position:absolute;top:0;left:-100%}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}a{transition:color .2s}a:hover{color:var(--primary-light)}.mantine-Button-root{transition:var(--transition-smooth);position:relative;overflow:hidden}.mantine-Button-root:active{transform:scale(.98)}.mantine-Card-root,.mantine-Paper-root{transition:var(--transition-smooth)}.mantine-TextInput-input:focus,.mantine-Textarea-input:focus,.mantine-Select-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #be4bdb33!important}.mantine-Badge-root{transition:all .2s}.mantine-Skeleton-root{background:linear-gradient(90deg,#be4bdb0d 0%,#be4bdb1a 50%,#be4bdb0d 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.mantine-Table-tr:hover{background-color:#be4bdb0d!important}.mantine-Tooltip-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #be4bdb33}.mantine-Modal-content{box-shadow:0 25px 50px #00000080,var(--shadow-glow);border:1px solid #be4bdb33}.mantine-Modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mantine-Drawer-content{border-right:1px solid #be4bdb33}.mantine-Tabs-tab[data-active]{border-color:var(--primary-color)!important}.mantine-Tabs-tab:hover:not([data-active]){background-color:#be4bdb1a}.accent-line{position:relative}.accent-line:after{content:"";background:var(--gradient-primary);border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.accent-line-center:after{left:50%;transform:translate(-50%)}.neon-text{color:var(--primary-light);text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 40px var(--primary-dark)}.neon-text-subtle{text-shadow:0 0 10px #be4bdb80}.particle-bg{position:relative}.particle-bg:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 80%,#be4bdb1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#6339d71a 0%,#0000 50%),radial-gradient(circle at 40% 40%,#be4bdb0d 0%,#0000 30%);position:absolute;inset:0}.gradient-divider{background:linear-gradient(90deg,#0000 0%,#be4bdb4d 50%,#0000 100%);border:none;height:1px}.mantine-Avatar-root{transition:all .3s}.avatar-glow:hover{box-shadow:0 0 20px #be4bdb80}.image-zoom{overflow:hidden}.image-zoom img{transition:transform .5s}.image-zoom:hover img{transform:scale(1.05)}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:.6s ease-out forwards countUp}.hover-reveal{position:relative;overflow:hidden}.hover-reveal:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.hover-reveal:hover:before{left:100%}.typewriter-cursor:after{content:"|";color:var(--primary-color);animation:1s infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.tilt-card{transform-style:preserve-3d;transition:transform .3s}.tilt-card:hover{transform:perspective(1000px)rotateX(2deg)rotateY(-2deg)}.mantine-Notification-root{border-left:3px solid var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.highlight-marker{background:linear-gradient(#0000 60%,#be4bdb4d 60%);padding:0 4px}.scroll-indicator{background:var(--gradient-primary);z-index:9999;height:3px;transition:width .1s;position:fixed;top:0;left:0}.skin-image-container{position:relative;overflow:hidden}.skin-image-container:before{content:"";opacity:0;background:conic-gradient(#0000 0deg 90deg,#be4bdb1a 90deg 180deg,#0000 180deg 270deg,#7950f21a 270deg 360deg);width:200%;height:200%;transition:opacity .4s;animation:8s linear infinite rotate-gradient;position:absolute;top:-50%;left:-50%}.skin-image-container:hover:before{opacity:1}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skin-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}.skin-main-image-animated{animation:3s ease-in-out infinite skin-float}@keyframes buy-pulse{0%,to{box-shadow:0 4px 15px #be4bdb66}50%{box-shadow:0 4px 25px #be4bdb99,0 0 40px #be4bdb4d}}.buy-button-pulse{animation:2s ease-in-out infinite buy-pulse}.price-comparison-card{transition:all .3s}.price-comparison-card:hover{box-shadow:0 0 20px #be4bdb33;border-color:#be4bdb66!important}.variant-tab{position:relative;overflow:hidden}.variant-tab:after{content:"";background:linear-gradient(90deg,#0000,#be4bdb1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.variant-tab:hover:after{left:100%}.wear-indicator{transition:all .3s}.related-skin-card{position:relative}.related-skin-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,#0000,#be4bdb4d,#0000);padding:2px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.related-skin-card:hover:before{opacity:1}.special-item-card{animation:.5s ease-out forwards fadeInScale}.special-item-image{position:relative}.special-item-image:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000,#0003);height:50%;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.special-item-image:hover:after{opacity:1}@keyframes rarity-glow-covert{0%,to{box-shadow:0 0 15px #eb4b4b4d}50%{box-shadow:0 0 25px #eb4b4b80}}@keyframes rarity-glow-classified{0%,to{box-shadow:0 0 15px #d32ce64d}50%{box-shadow:0 0 25px #d32ce680}}@keyframes rarity-glow-restricted{0%,to{box-shadow:0 0 15px #8847ff4d}50%{box-shadow:0 0 25px #8847ff80}}@keyframes price-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.price-animated{background:linear-gradient(270deg,#d560e8,#be4bdb,#9c36b5,#be4bdb,#d560e8) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s infinite price-gradient}@keyframes card-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.card-shimmer-overlay{background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(-100%)}.card-shimmer-overlay:hover{animation:1s card-shimmer}.skin-section-enter{opacity:0;transform:translateY(20px)}.skin-section-enter-active{opacity:1;transition:all .5s ease-out;transform:translateY(0)}@keyframes hero-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-animated-bg{background-size:200% 200%;animation:8s infinite hero-gradient}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.badge-floating{animation:2s ease-in-out infinite badge-float}.price-highlight{position:relative}.price-highlight:after{content:"";background:var(--gradient-primary);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.price-highlight:hover:after{transform:scaleX(1)}.skin-table-row{transition:all .2s}.skin-table-row:hover{transform:scale(1.01);background:#be4bdb14!important}@keyframes skin-skeleton-pulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skin-skeleton{background:linear-gradient(90deg,#be4bdb0d 0%,#be4bdb26 50%,#be4bdb0d 100%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skin-skeleton-pulse}
