*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0a0a1a,#16213e);color:#e0e0e0;overflow-x:hidden;min-height:100vh}.background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.stars{position:absolute;width:100%;height:100%}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:#0a0a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(102,126,234,.3);padding:40px 0;position:sticky;top:0;z-index:100}.logo{font-size:36px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.tagline{font-size:18px;color:#a0a0c0}main{padding:60px 0}section{margin-bottom:80px}h2{font-size:36px;margin-bottom:30px;color:#fff;text-align:center;position:relative;display:inline-block;width:100%}h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,#667eea,transparent)}.intro{text-align:center;margin-bottom:60px}.intro p{font-size:18px;line-height:1.8;color:#b0b0d0;max-width:700px;margin:0 auto}.games-grid{margin-bottom:80px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-top:40px}.game-card{background:#1e1e3c99;border:2px solid rgba(102,126,234,.3);border-radius:15px;padding:30px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.game-card:hover{transform:translateY(-10px);border-color:#667eeacc;box-shadow:0 20px 40px #667eea33}.game-card.coming-soon:hover{transform:none}.game-card-image{width:100%;height:200px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;overflow:hidden}.pacman-preview{display:flex;align-items:center;justify-content:center;font-size:60px;gap:20px;width:100%;height:100%;animation:float 3s ease-in-out infinite}.pacman-icon{font-size:80px;animation:bounce .5s ease-in-out infinite}.pacman-preview .ghost{animation:drift 4s ease-in-out infinite}.pacman-preview .ghost:nth-child(2){animation-delay:.3s}.pacman-preview .ghost:nth-child(3){animation-delay:.6s}.pacman-preview .ghost:nth-child(4){animation-delay:.9s}.flappy-preview{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:100%;font-size:56px;position:relative;animation:float 3s ease-in-out infinite}.flappy-bird{width:176px;height:176px;position:relative;animation:flap .8s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(15,23,42,.45))}.flappy-bird:before,.flappy-bird:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/bird-mnz7P66o.png);background-size:200% 100%;background-repeat:no-repeat;transition:opacity .2s ease}.flappy-bird:before{background-position:0% 50%;opacity:1;animation:flapUp .9s ease-in-out infinite}.flappy-bird:after{background-position:100% 50%;opacity:0;animation:flapDown .9s ease-in-out infinite}@keyframes flapUp{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes flapDown{0%,45%{opacity:0}55%,to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes flap{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pipeSlide{0%{transform:translate(30px);opacity:.6}50%{transform:translate(0);opacity:1}to{transform:translate(-30px);opacity:.6}}@keyframes drift{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(10px) translateY(-5px)}50%{transform:translate(-10px) translateY(0)}75%{transform:translate(5px) translateY(5px)}}@keyframes float{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.placeholder{font-size:80px;color:#667eea4d;font-weight:700}.game-card h3{font-size:24px;margin-bottom:15px;color:#fff}.game-card p{font-size:16px;color:#b0b0d0;line-height:1.6;margin-bottom:20px}.features{list-style:none;margin:20px 0;flex-grow:1}.features li{padding:8px 0;color:#a0a0c0;font-size:14px}.features li:before{content:"▸ ";color:#667eea;margin-right:8px}.btn{display:inline-block;padding:12px 30px;border-radius:50px;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;font-size:16px;margin-top:20px;width:100%;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 30px #667eea66}.btn-primary:active{transform:scale(.95)}.btn-disabled{background:#667eea33;color:gray;cursor:not-allowed}.coming-text{color:gray;font-style:italic;font-size:14px}.about{background:#1e1e3c66;border:2px solid rgba(102,126,234,.2);border-radius:15px;padding:40px;margin-bottom:60px}.about h3{font-size:20px;color:#fff;margin-top:25px;margin-bottom:15px}.about h3:first-of-type{margin-top:0}.about p{font-size:16px;line-height:1.8;color:#b0b0d0;margin-bottom:20px}.tech-stack,.integration-list{list-style:none;margin-left:0}.tech-stack li,.integration-list li{padding:10px 0 10px 30px;position:relative;color:#a0a0c0;font-size:15px;line-height:1.6}.tech-stack li:before,.integration-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700}footer{background:#0a0a1ae6;border-top:2px solid rgba(102,126,234,.3);padding:30px 0;text-align:center;color:gray;margin-top:60px}footer a{color:#667eea;text-decoration:none;transition:color .3s ease}footer a:hover{color:#764ba2}@media (max-width: 768px){.logo{font-size:24px}.tagline{font-size:14px}h2{font-size:28px}.grid{grid-template-columns:1fr}.pacman-preview{gap:10px}.pacman-icon{font-size:50px}.pacman-preview .ghost{font-size:40px}}.tetris-preview{display:flex;gap:10px;justify-content:center;align-items:center;height:100%;animation:tetrisFloat 3s ease-in-out infinite}.tetris-block{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:20px;color:#fff;box-shadow:0 4px 8px #0000004d;animation:tetrisRotate 4s ease-in-out infinite}.tetris-block:nth-child(1){animation-delay:0s}.tetris-block:nth-child(2){animation-delay:.5s}.tetris-block:nth-child(3){animation-delay:1s}.tetris-block:nth-child(4){animation-delay:1.5s}@keyframes tetrisFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes tetrisRotate{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.tower-preview{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;animation:float 3s ease-in-out infinite}.tower-icon{font-size:64px;animation:towerPulse 2.5s ease-in-out infinite}.tower-enemy{font-size:46px;animation:enemyMarch 2s linear infinite}.tower-arrow{font-size:30px;color:#fbbf24;animation:arrowFly 1.6s ease-in-out infinite}@keyframes towerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes enemyMarch{0%{transform:translate(10px);opacity:.6}50%{transform:translate(0);opacity:1}to{transform:translate(-10px);opacity:.6}}@keyframes arrowFly{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.imposter-preview{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:100%;animation:float 3s ease-in-out infinite}.imposter-icon{font-size:64px;animation:detectivePulse 2.5s ease-in-out infinite}.imposter-player{font-size:46px;animation:playerFloat 2s ease-in-out infinite}.imposter-imposter{font-size:46px;animation:imposterGlow 1.8s ease-in-out infinite}@keyframes detectivePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes playerFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-8px);opacity:1}}@keyframes imposterGlow{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(255,0,0,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(255,0,0,.6))}}