.homepage-hero-pattern{background-image:radial-gradient(circle at 20%,#7877c614 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff77c614 0%,#0000 50%),radial-gradient(circle at 40% 20%,#77c6ff14 0%,#0000 50%),linear-gradient(90deg,#80808008 1px,#0000 1px),linear-gradient(#80808008 1px,#0000 1px);background-size:100% 100%,100% 100%,100% 100%,32px 32px,32px 32px;animation:20s ease-in-out infinite hero-pattern-shift}@keyframes hero-pattern-shift{0%,to{background-position:0 0,0 0,0 0,0 0,0 0}50%{background-position:100% 100%,100% 100%,100% 100%,0 0,0 0}}.game-card-hover{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.game-card-hover:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#7877c61a 0%,#ff77c61a 100%);transition:opacity .4s;position:absolute;inset:0}.game-card-hover:hover:before{opacity:1}.game-card-hover:hover{transform:translateY(-8px)scale(1.02)}.game-card-hover:active{transform:translateY(-4px)scale(1.01)}.quick-start-card{transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.quick-start-card:hover{transform:scale(1.05)}.quick-start-card:active{transform:scale(1.02)}.category-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.featured-game-gradient{background:linear-gradient(135deg,#7877c60f 0%,#ff77c60f 100%);position:relative;overflow:hidden}.featured-game-gradient:after{content:"";opacity:0;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.game-card-hover:hover .featured-game-gradient:after{opacity:1;animation:1.5s ease-in-out shine}@keyframes shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.6s ease-out fade-in}.animate-slide-in-left{animation:.6s ease-out slide-in-left}.animate-slide-in-right{animation:.6s ease-out slide-in-right}.animate-scale-in{animation:.5s cubic-bezier(.34,1.56,.64,1) scale-in}.gradient-text-glow{background:linear-gradient(135deg,hsl(var(--primary))0%,hsl(var(--accent))100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.icon-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.section-reveal{opacity:0;animation:.8s ease-out forwards fade-in}.section-reveal:first-child{animation-delay:.1s}.section-reveal:nth-child(2){animation-delay:.2s}.section-reveal:nth-child(3){animation-delay:.3s}.section-reveal:nth-child(4){animation-delay:.4s}.button-glow{transition:all .3s;position:relative;overflow:hidden}.button-glow:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-glow:hover:before{width:300px;height:300px}.card-glow-border{position:relative}.card-glow-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg,hsl(var(--primary))0%,hsl(var(--accent))50%,hsl(var(--primary))100%);opacity:0;z-index:-1;filter:blur(8px);transition:opacity .5s;position:absolute;inset:-2px}.card-glow-border:hover:before{opacity:.6}.stagger-item{opacity:0;animation:.6s ease-out forwards fade-in}.stagger-item:first-child{animation-delay:50ms}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}html{scroll-behavior:smooth}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%) 0 0/1000px 100%;animation:2s linear infinite shimmer}@media (max-width:640px){.game-card-hover:hover{transform:translateY(-4px)scale(1.01)}.quick-start-card:hover{transform:scale(1.02)}.touch-manipulation{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.homepage-hero-pattern{background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px;animation:none}.button-glow:before,.featured-game-gradient:after{display:none}}@media (max-width:768px){.game-card-hover:hover{transform:translateY(-6px)scale(1.015)}.stagger-item,.section-reveal{animation-delay:0s!important}}@media (max-width:640px){body{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}}@media (hover:none) and (pointer:coarse){.game-card-hover:before,.card-glow-border:before{display:none}.game-card-hover:active{transition:transform .1s;transform:scale(.98)}}@media (max-width:896px) and (orientation:landscape){.landscape-compact{padding-top:1rem!important;padding-bottom:1rem!important}}.mobile-menu{animation:.3s ease-out slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.active\:scale-98:active{transform:scale(.98)}button.touch-manipulation:active{opacity:.7}.mobile-menu{max-height:calc(100vh - 4rem);overflow-y:auto}.mobile-menu a{transition:all .2s}body.mobile-menu-open{overflow:hidden}