@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-light: #8b5cf6;--secondary: #64748b;--accent: #06b6d4;--surface: #0f172a;--surface-light: #1e293b;--surface-lighter: #2a3a50;--border: #333333;--text: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gold: #fbbf24;--purple: #8b5cf6;--cyan: #06b6d4;--product-name-color: #f6cf79}html{font-family:Inter,sans-serif;overflow-x:hidden;max-width:100vw;box-sizing:border-box;background:#0f172a;min-height:100vh}html{scrollbar-gutter:stable both-edges}body{overflow-x:hidden;max-width:100vw;margin:0;padding:0;background:#0f172a;min-height:100vh;color:#f8fafc}*,*:before,*:after{box-sizing:border-box;max-width:100%}.container{max-width:100%;overflow-x:hidden;padding-left:1rem;padding-right:1rem}.product-name-title{font-family:Fredoka,Inter,sans-serif;color:#f6cf79;font-weight:600;letter-spacing:.02em;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.product-name-title:hover{color:#f8d994;text-shadow:0 2px 8px rgba(246,207,121,.3)}@media(min-width:640px){.container{max-width:640px;margin-left:auto;margin-right:auto}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;word-wrap:break-word}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-wrap:break-word}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 30s linear infinite}@keyframes flashSlide{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-flash-slide{animation:flashSlide .5s ease-in-out}.carousel-smooth{transition:transform .5s cubic-bezier(.4,0,.2,1)}.carousel-instant{transition:none}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slide-in .6s ease-out}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slide-down .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in-up{opacity:0;animation:fade-in-up .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes moveUp{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-10vh) translate(20px);opacity:0}}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.7}25%{transform:translateY(-3px) scale(1.1);opacity:1}50%{transform:translateY(-6px) scale(1);opacity:.8}75%{transform:translateY(-3px) scale(.9);opacity:1}}.fade-in-page{animation:slideUp .3s ease-out}.fade-in-element{opacity:0;animation:slideUp .2s ease-out forwards}.fade-in-backdrop{animation:fadeIn .15s ease-out}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}@media(max-width:768px){.admin-table{font-size:.75rem}.admin-table th,.admin-table td{padding:.5rem .25rem;white-space:nowrap}.admin-table .line-clamp-1{max-width:120px}}img{max-width:100%;height:auto;display:block}@media(max-width:768px){.modal-container{margin:.5rem;max-width:calc(100vw - 1rem);width:calc(100vw - 1rem)}}.text-responsive{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.grid{width:100%;max-width:100%}.flex{min-width:0;max-width:100%}input,textarea,select{max-width:100%;width:100%;box-sizing:border-box}@media(max-width:640px){.container{padding-left:.75rem;padding-right:.75rem}.space-y-8>*+*{margin-top:1.5rem}.space-y-6>*+*{margin-top:1rem}}.navbar-mobile{width:100vw;max-width:100vw;overflow-x:hidden}.card{max-width:100%;overflow:hidden}.button-group{flex-wrap:wrap;gap:.5rem}@media(max-width:640px){.text-3xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.text-xl{font-size:1.125rem;line-height:1.75rem}}*{max-width:100%}@keyframes digitFlip{0%{transform:scale(1) rotateY(0)}50%{transform:scale(1.2) rotateY(90deg);background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706)}to{transform:scale(1) rotateY(0)}}@keyframes flashPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #ff6b3599,0 0 30px #ff6b354d}50%{box-shadow:0 0 25px #ff6b35cc,0 0 50px #ff6b3580}}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:.7}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes urgentBlink{0%,50%{opacity:1}51%,to{opacity:.3}}.flash-sale-glow{animation:glowPulse 2s ease-in-out infinite}.flash-sale-urgent{animation:urgentBlink 1s ease-in-out infinite}.flash-sale-sparkle{animation:sparkleRotate 3s linear infinite}.flash-sale-shimmer{position:relative;overflow:hidden}.flash-sale-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.countdown-digit{position:relative;overflow:hidden}.countdown-digit:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:digitGlow 2s ease-in-out infinite}@keyframes digitGlow{0%,to{opacity:0}50%{opacity:1}}.promo-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.promo-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #ff6b3533,0 0 20px #ff6b351a,inset 0 1px #ffffff4d}.countdown-urgent{animation:flashPulse .5s ease-in-out infinite}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideOutToTop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.8)}}.toast-enter{animation:slideInFromTop .4s cubic-bezier(.34,1.56,.64,1)}.toast-exit{animation:slideOutToTop .3s cubic-bezier(.4,0,.2,1)}.toast-glow{box-shadow:0 10px 40px #10b9814d,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.product-card{width:100%;max-width:100%;overflow:hidden}.admin-table{width:100%;table-layout:fixed}.admin-table td,.admin-table th{word-wrap:break-word;overflow-wrap:break-word;max-width:0}@media(max-width:768px){.fixed.inset-0>div{margin:.5rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.mobile-text-fix{word-break:break-word;overflow-wrap:break-word}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;width:100%;max-width:100%}.scrollbar-hide::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4f46e5}::selection{background:#6366f14d;color:#f8fafc}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #6366f1;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-1px)}.card{background:#1e293b;border:1px solid #333333;border-radius:1rem;transition:all .2s ease}.card:hover{border-color:#6366f1;transform:translateY(-1px)}.input{background:#1e293bcc;border:1px solid #333333;color:#f8fafc;transition:all .2s ease}.input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;background:#1e293be6}.input::placeholder{color:#94a3b8}.nav{background:#1e293b;border-bottom:1px solid #0f172adb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 32px #3b82f61a,0 0 0 1px #3b82f61a,inset 0 1px #ffffff0d}.nav .hover-lift:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.border-blue-400{border-color:#60a5fa;box-shadow:0 0 10px #60a5fa4d}.border-blue-400\/50{border-color:#60a5fa80}.hover\:border-blue-400\/50:hover{border-color:#60a5fa80;box-shadow:0 0 8px #60a5fa33}.bg-gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.bg-gradient-secondary{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.bg-gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.bg-gradient-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.bg-gradient-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px)}.spinner-luxury{width:3rem;height:3rem;border-radius:9999px;background:conic-gradient(#677de8,#6e63c5,#754da5,#677de8);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 0);animation:spinner-rotate .9s linear infinite,spinner-glow 1.8s ease-in-out infinite;box-shadow:0 0 0 1px #ffffff0f inset}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-glow{0%,to{filter:drop-shadow(0 0 0 rgba(118,99,197,0))}50%{filter:drop-shadow(0 0 10px rgba(118,99,197,.45))}}.text-gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-filter{background:#1e293bcc;border:1px solid #333333;transition:all .2s ease;width:100%;max-width:100%}.category-filter:hover{border-color:#6366f1;background:#1e293be6}.category-filter.active,.category-filter.game-filter.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.category-filter.game-filter:hover{border-color:#6366f1;background:#6366f11a}.category-filter.platform-filter.active{background:linear-gradient(135deg,#06b6d4,#3b82f6);border-color:#06b6d4;color:#fff}.category-filter.platform-filter:hover{border-color:#06b6d4;background:#06b6d41a}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}@media(max-width:640px){.px-4{padding-left:1rem;padding-right:1rem}.w-full{width:100%!important;max-width:100%!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.category-filter{min-width:auto;flex-shrink:0}}@media(min-width:641px)and (max-width:1023px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.category-filter{width:auto}}@viewport{width:device-width;initial-scale:1}@supports (-webkit-touch-callout: none){.min-h-screen{min-height:-webkit-fill-available}}@media screen and (max-width:767px){input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font-size:16px!important}}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.shadow-luxury{box-shadow:0 4px 20px #00000026,0 0 0 1px #ffffff0d}.shadow-luxury-lg{box-shadow:0 10px 40px #0003,0 0 0 1px #ffffff1a}.marquee-gradient-text{background-image:linear-gradient(90deg,#fff,#0ff,#00f,#0ff,#fff);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:textColorShift 5s linear infinite;font-weight:700}@keyframes textColorShift{0%{background-position:0% 50%}to{background-position:300% 50%}}@keyframes marqueeMove{0%{transform:translate(100%)}to{transform:translate(-100%)}}.marquee-gradient-text{display:inline-block;white-space:nowrap;background-image:linear-gradient(90deg,#fff,#0ff,#fff,#0ff,#fff);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700;animation:marqueeMove 15s linear infinite,textColorShift 5s linear infinite}.bleed-x{width:100vw;max-width:none!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(env(safe-area-inset-left),.375rem);padding-right:max(env(safe-area-inset-right),.375rem)}@keyframes vip-fall{0%{transform:translate3d(0,-14vh,0);opacity:0}8%{opacity:1}to{transform:translate3d(0,114vh,0);opacity:.98}}@keyframes vip-sway{0%{transform:translate(var(--vip-sway-start, -10px)) rotate(var(--vip-tilt, 0deg))}to{transform:translate(var(--vip-sway-end, 10px)) rotate(var(--vip-tilt-end, 0deg))}}.vip-star-wrap{position:absolute;top:0;will-change:transform,opacity}.vip-star-core{display:block;border-radius:9999px;will-change:transform,opacity,box-shadow}.vip-star-tail{position:absolute;top:0;left:0;transform:translate(-50%,-100%);border-radius:9999px;will-change:transform,opacity}@keyframes vip-flash{0%,90%,to{opacity:0}92%{opacity:.25}94%{opacity:.55}96%{opacity:.9}98%{opacity:.35}}@keyframes vip-flash-short{0%{opacity:0}10%{opacity:.95}30%{opacity:.2}to{opacity:0}}@keyframes vip-bolt-flicker{0%,to{opacity:0}5%{opacity:1}8%{opacity:0}12%{opacity:1}20%{opacity:0}}.vip-bolt{position:absolute;top:-8vh;width:3px;border-radius:9999px;background:linear-gradient(#fff,#a5d8ff);box-shadow:0 0 8px #ffffffd9,0 0 18px #a4caffa6;filter:drop-shadow(0 0 6px rgba(255,255,255,.6))}