:root{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#252525;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#999;--accent-primary:#0f0;--accent-secondary:#f0f;--accent-tertiary:#0ff;--accent-warning:#ff0;--accent-danger:red;--border-color:#ffffff1a;--shadow-color:#00ff0080;--pixel-font:"Press Start 2P",monospace;--tech-font:"Orbitron",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Orbitron,sans-serif;font-family:var(--tech-font);line-height:1.6}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#0f0;background:var(--accent-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f0f;background:var(--accent-secondary)}::selection{background:#0f0;background:var(--accent-primary);color:#0f0f0f;color:var(--bg-primary)}a{color:#0f0;color:var(--accent-primary);text-decoration:none;transition:all .3s ease}a:hover{color:#f0f;color:var(--accent-secondary);text-shadow:0 0 10px currentColor}button{cursor:pointer;font-family:inherit;transition:all .3s ease}.pixel-text{font-family:Press Start\ 2P,monospace;font-family:var(--pixel-font)}.tech-text{font-family:Orbitron,sans-serif;font-family:var(--tech-font)}.glow{text-shadow:0 0 10px currentColor}.neon-border{border:2px solid #0f0;border:2px solid var(--accent-primary);box-shadow:0 0 20px #00ff0080;box-shadow:0 0 20px var(--shadow-color)}@keyframes glitch{0%,to{filter:hue-rotate(0deg);transform:translate(0)}20%{filter:hue-rotate(90deg);transform:translate(-2px,2px)}40%{filter:hue-rotate(180deg);transform:translate(-2px,-2px)}60%{filter:hue-rotate(270deg);transform:translate(2px,2px)}80%{filter:hue-rotate(1turn);transform:translate(2px,-2px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.crt-effect{overflow:hidden;position:relative}.crt-effect:before{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 2px);z-index:1}.crt-effect:after,.crt-effect:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.crt-effect:after{background:radial-gradient(ellipse at center,#0000 0,#0006 100%);z-index:2}@media (max-width:768px){html{font-size:14px}}@media (max-width:480px){html{font-size:12px}}.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.stars-background{animation:starsMove 100s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#aaa,#0000),radial-gradient(1px 1px at 50px 90px,#ddd,#0000),radial-gradient(1px 1px at 130px 80px,#fff,#0000),radial-gradient(2px 2px at 200px 10px,#ccc,#0000);background-repeat:repeat;background-size:200px 200px;height:100%;left:0;opacity:.3;position:fixed;top:0;width:100%;z-index:-2}@keyframes starsMove{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.scanlines{background:repeating-linear-gradient(0deg,#00000026,#00000026 1px,#0000 0,#0000 2px);height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.main-content{flex:1 1;padding-bottom:60px;padding-top:80px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{animation:fadeIn 1s ease-out;padding:60px 0;text-align:center}.hero-title{color:var(--accent-primary);display:inline-block;font-size:clamp(2rem,8vw,4rem);margin-bottom:20px;position:relative}.glitch{position:relative;text-shadow:2px 0 var(--accent-secondary),-2px 0 var(--accent-tertiary),0 0 10px var(--accent-primary)}.glitch:after,.glitch:before{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.glitch:before{animation:glitch-1 .3s infinite;color:var(--accent-secondary);z-index:-1}.glitch:after{animation:glitch-2 .3s infinite;color:var(--accent-tertiary);z-index:-2}@keyframes glitch-1{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(20% 0 30% 0);clip-path:inset(20% 0 30% 0);transform:translate(-2px,2px)}40%{-webkit-clip-path:inset(50% 0 20% 0);clip-path:inset(50% 0 20% 0);transform:translate(2px,-2px)}60%{-webkit-clip-path:inset(10% 0 60% 0);clip-path:inset(10% 0 60% 0);transform:translate(-2px)}80%{-webkit-clip-path:inset(80% 0 5% 0);clip-path:inset(80% 0 5% 0);transform:translate(2px,2px)}}@keyframes glitch-2{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0)}20%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(2px,-2px)}40%{-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0);transform:translate(-2px,2px)}60%{-webkit-clip-path:inset(40% 0 40% 0);clip-path:inset(40% 0 40% 0);transform:translate(2px)}80%{-webkit-clip-path:inset(5% 0 85% 0);clip-path:inset(5% 0 85% 0);transform:translate(-2px,-2px)}}.hero-subtitle{color:var(--text-secondary);font-size:1.5rem;font-weight:300;letter-spacing:2px;margin-bottom:40px}.hero-stats{display:flex;gap:60px;justify-content:center;margin-top:40px}.stat{text-align:center}.stat-value{color:var(--accent-primary);display:block;font-family:var(--pixel-font);font-size:3rem;font-weight:900;margin-bottom:10px;text-shadow:0 0 20px currentColor}.stat-label{color:var(--text-tertiary);font-size:.875rem;letter-spacing:1px;text-transform:uppercase}.footer{background:var(--bg-secondary);border-top:2px solid var(--border-color);margin-top:auto;padding:30px 0}.footer-content{color:var(--text-tertiary);margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.footer-content p{margin-bottom:15px}.heart{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-danger);font-size:1.2em}.footer-links{display:flex;font-size:.875rem;gap:20px;justify-content:center}.footer-links a{color:var(--text-secondary);transition:all .3s ease}.footer-links a:hover{color:var(--accent-primary)}.separator{color:var(--text-tertiary)}@media (max-width:768px){.hero-section{padding:40px 0}.hero-stats{gap:30px}.stat-value{font-size:2rem}.footer{padding:20px 0}}@media (max-width:480px){.hero-stats{flex-direction:column;gap:20px}.hero-subtitle{font-size:1.125rem}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0ff2;border-bottom:2px solid #0000;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{background:#0f0f0ffa;border-bottom-color:var(--accent-primary);box-shadow:0 4px 20px #00ff004d}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 20px}.header-container,.logo{align-items:center;display:flex}.logo{gap:12px;text-decoration:none;transition:all .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{animation:float 3s ease-in-out infinite;font-size:2rem}.logo-text{color:var(--accent-primary);font-size:1.25rem;letter-spacing:1px;text-shadow:2px 2px 0 var(--accent-secondary),-1px -1px 0 var(--accent-tertiary),0 0 10px currentColor}.header-nav{gap:30px}.header-nav,.nav-link{align-items:center;display:flex}.nav-link{border:2px solid #0000;border-radius:8px;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{border-color:var(--accent-primary);box-shadow:0 0 15px var(--shadow-color);transform:translateY(-2px)}.nav-icon{font-size:1.25rem}.nav-text{font-size:.875rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.sound-toggle{align-items:center;background:#0000;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;width:50px}.sound-toggle,.sound-toggle:after{border:2px solid var(--accent-primary);border-radius:50%;transition:all .3s ease}.sound-toggle:after{content:"";inset:-4px;opacity:0;position:absolute}.sound-toggle:hover{background:#00ff001a;transform:scale(1.1)}.sound-toggle:hover:after{inset:-8px;opacity:.5}.sound-toggle.off{border-color:var(--accent-danger);opacity:.7}.sound-toggle.off .sound-icon{color:var(--accent-danger)}.sound-icon{font-size:1.5rem;transition:transform .3s ease}.sound-toggle:active .sound-icon{transform:scale(.9)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px}.mobile-menu-toggle span{background:var(--accent-primary);border-radius:2px;height:3px;transition:all .3s ease;width:25px}@media (max-width:768px){.header-container{padding:.75rem 15px}.logo-text{font-size:1rem}.nav-text{display:none}.nav-link{padding:8px}.header-nav{gap:15px}.sound-toggle{height:40px;width:40px}.sound-icon{font-size:1.25rem}}@media (max-width:480px){.logo-icon{font-size:1.5rem}.logo-text{font-size:.875rem}}.game-grid-section{padding:60px 0}.section-title{animation:pulse 2s ease-in-out infinite;color:var(--accent-secondary);font-size:2rem;margin-bottom:50px;text-align:center;text-shadow:2px 2px 0 var(--accent-primary),-2px -2px 0 var(--accent-tertiary),0 0 20px currentColor}.game-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 20px}.game-card{animation:fadeIn .6s ease-out backwards;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.game-card:first-child{animation-delay:.1s}.game-card:nth-child(2){animation-delay:.2s}.game-card:nth-child(3){animation-delay:.3s}.game-card:nth-child(4){animation-delay:.4s}.game-card:nth-child(5){animation-delay:.5s}.game-card:nth-child(6){animation-delay:.6s}.game-card-inner{position:relative;z-index:2}.game-card-glow{background:radial-gradient(circle,var(--accent-primary),#0000);height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s ease;width:0}.game-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 30px #00ff004d;transform:translateY(-10px) scale(1.02)}.game-card:hover .game-card-glow{height:200%;opacity:.3;width:200%}.game-card:hover .game-icon{filter:drop-shadow(0 0 20px currentColor);transform:scale(1.2) rotate(5deg)}.game-card:hover .play-button{background:var(--accent-primary);color:var(--bg-primary);transform:scale(1.05)}.game-card:hover .play-icon{transform:translateX(5px)}.game-icon{filter:drop-shadow(0 0 10px currentColor);font-size:4rem;margin-bottom:20px;text-align:center;transition:all .3s ease}.game-name{color:var(--text-primary);font-size:1.5rem;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.game-description{color:var(--text-tertiary);font-size:.875rem;line-height:1.6;margin-bottom:20px;text-align:center}.game-meta{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.difficulty,.high-score{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.label{color:var(--text-tertiary);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.difficulty-bars{display:flex;gap:3px}.bar{background:var(--bg-tertiary);border:1px solid var(--border-color);height:8px;transition:all .3s ease;width:20px}.bar.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 5px var(--accent-primary)}.score-value{font-family:var(--pixel-font);text-shadow:0 0 10px currentColor}.play-button{align-items:center;background:#0000;border:2px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);display:flex;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.play-button:before{background:var(--accent-primary);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.game-card:hover .play-button:before{left:0}.play-text{font-size:.875rem}.play-icon{font-size:1rem;transition:transform .3s ease}.game-card:focus{outline:3px solid var(--accent-primary);outline-offset:4px}@media (max-width:768px){.game-grid-section{padding:40px 0}.section-title{font-size:1.5rem;margin-bottom:30px}.game-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 10px}.game-card{padding:20px}.game-icon{font-size:3rem}.game-name{font-size:1.25rem}}@media (max-width:480px){.game-grid{grid-template-columns:1fr}.game-meta{gap:10px}.difficulty-bars{gap:2px}.bar{height:6px;width:15px}}.game-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.game-modal{animation:slideIn .3s ease-out;background:var(--bg-secondary);border:3px solid var(--accent-primary);border-radius:16px;box-shadow:0 0 50px #00ff0080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.game-modal-header{align-items:center;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 25px}.game-modal-title{color:var(--accent-primary);font-size:1.5rem;letter-spacing:2px;text-shadow:0 0 10px currentColor;text-transform:uppercase}.game-modal-controls{display:flex;gap:10px}.control-btn{align-items:center;background:#0000;border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.control-btn:hover{background:#00ff001a;border-color:var(--accent-primary);color:var(--accent-primary);transform:scale(1.1)}.close-btn:hover{background:#ff00001a;border-color:var(--accent-danger);color:var(--accent-danger)}.game-modal-info{background:#00000080;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-around;padding:15px 25px}.info-item{align-items:center;display:flex;gap:10px}.info-label{color:var(--text-tertiary);font-size:.875rem;letter-spacing:1px;text-transform:uppercase}.info-value{color:var(--text-primary);font-family:var(--pixel-font);font-size:1.125rem;font-weight:700}.high-score-value{color:var(--accent-warning);text-shadow:0 0 10px currentColor}.game-container{background:#000;flex:1 1;min-height:400px;overflow:hidden;position:relative}.game-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center}.loading-icon{animation:pulse 1.5s ease-in-out infinite,float 3s ease-in-out infinite;filter:drop-shadow(0 0 20px currentColor);font-size:5rem}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-primary);font-size:1.25rem;text-shadow:0 0 10px currentColor}.loading-bar{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;height:8px;overflow:hidden;width:200px}.loading-progress{animation:loadingProgress 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:100%}@keyframes loadingProgress{0%{width:0}50%{width:100%}to{width:0}}.game-placeholder{align-items:center;background:#111;display:flex;height:100%;justify-content:center;position:relative}.placeholder-content{padding:40px;text-align:center}.placeholder-content h3{color:var(--accent-primary);font-size:2rem;margin-bottom:20px}.placeholder-content p{color:var(--text-secondary);margin-bottom:15px}.controls-hint{color:var(--text-tertiary);font-size:.875rem;margin-bottom:30px}.demo-button{background:var(--accent-primary);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-weight:700;padding:12px 30px;text-transform:uppercase;transition:all .3s ease}.demo-button:hover{box-shadow:0 0 20px var(--accent-primary);transform:scale(1.05)}.new-high-score-overlay{align-items:center;animation:fadeIn .5s ease-out;background:#000000e6;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.high-score-content{animation:bounce .5s ease-out;background:var(--bg-secondary);border:3px solid var(--accent-warning);border-radius:16px;box-shadow:0 0 50px #ffff0080;padding:40px;text-align:center}@keyframes bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.high-score-content h3{animation:glitch .5s infinite;color:var(--accent-warning);font-size:2rem;margin-bottom:20px;text-shadow:0 0 20px currentColor}.score-display{color:var(--text-primary);display:block;font-size:3rem;margin-bottom:30px}.play-again-btn{background:var(--accent-warning);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-size:1.125rem;font-weight:700;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.play-again-btn:hover{box-shadow:0 0 30px var(--accent-warning);transform:scale(1.05)}.game-instructions{background:var(--bg-tertiary);border-top:2px solid var(--border-color);padding:20px 25px}.game-instructions h4{color:var(--accent-primary);letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.game-instructions p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:15px}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.control-key{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);padding:5px 15px}.control-desc{color:var(--text-tertiary);font-size:.875rem}@media (max-width:768px){.game-modal{border:none;border-radius:0;height:100%;max-height:100%;max-width:100%}.game-modal-header{padding:15px 20px}.game-modal-title{font-size:1.25rem}.control-btn{font-size:1rem;height:35px;width:35px}.game-modal-info{flex-wrap:wrap;gap:15px;padding:10px 20px}.info-value{font-size:1rem}.game-container{min-height:300px}.high-score-content{padding:30px}.high-score-content h3{font-size:1.5rem}.score-display{font-size:2rem}}@media (max-width:480px){.game-modal-overlay{padding:0}.game-modal-title{font-size:1rem}.info-label{font-size:.75rem}.info-value{font-size:.875rem}.game-instructions{padding:15px 20px}.controls{gap:10px}}.snake-game{align-items:center;background:#000;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative}.game-header{display:flex;justify-content:space-between;margin-bottom:20px;max-width:400px;padding:10px 0;width:100%}.score-display{color:var(--accent-warning);font-family:var(--pixel-font);font-size:1.25rem;text-shadow:0 0 10px currentColor}.snake-canvas{background:#000;border:3px solid var(--accent-primary);box-shadow:0 0 30px #00ff0080;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}@media (max-width:480px){.snake-canvas{height:300px!important;width:300px!important}.game-header{max-width:300px}.game-status,.score-display{font-size:1rem}}.tetris-game{align-items:center;background:#0000;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:10px;position:relative;width:100%}.tetris-container{align-items:flex-start;display:flex;gap:20px;justify-content:center;max-width:100%;width:100%}.game-board-container{align-items:center;display:flex;flex-direction:column;position:relative}.tetris-board{background:#000;border:4px solid var(--accent-primary);box-shadow:0 0 30px #00ff0080;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;max-height:100%;max-width:100%;position:relative}.game-info{display:flex;flex-direction:column;flex-shrink:0;gap:15px;max-width:260px;min-width:220px}.score-controls-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;width:100%}.info-panel{background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:8px;box-shadow:0 0 15px #00ff004d;box-sizing:border-box;overflow:hidden;padding:15px;width:100%}.info-panel h3,.info-panel h4{color:var(--accent-primary);font-family:var(--pixel-font);font-size:.9rem;margin:0 0 8px;text-align:center;text-shadow:0 0 8px currentColor}.score-info{display:flex;flex-direction:column;gap:6px}.score-item{align-items:center;color:var(--text-primary);display:flex;font-family:var(--pixel-font);font-size:.8rem;justify-content:space-between;padding:2px 0}.score-value{color:var(--accent-warning);font-weight:700;text-shadow:0 0 8px currentColor}.next-piece-canvas{background:#111;border:2px solid var(--accent-secondary);box-shadow:0 0 10px #00ffff4d;display:block;height:60px;margin:0 auto;width:80px}.game-controls{margin-top:15px;text-align:center}.controls-grid{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.75rem;gap:4px;width:100%}.control-item{align-items:center;background:#ffffff1a;border-radius:4px;box-sizing:border-box;display:flex;font-family:var(--pixel-font);justify-content:space-between;min-height:18px;overflow:hidden;padding:4px 6px;white-space:nowrap;width:100%}.control-item span:first-child{flex:1 1;font-size:.75rem;overflow:hidden;text-align:left;text-overflow:ellipsis}.control-key{color:var(--accent-warning);flex-shrink:0;font-size:.75rem;font-weight:700;margin-left:6px;text-shadow:0 0 5px currentColor}.control-key,.game-status{font-family:var(--pixel-font)}.game-status{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-primary);font-size:1rem;left:50%;position:absolute;text-shadow:0 0 10px currentColor;top:-35px;transform:translateX(-50%)}.game-status.paused{color:var(--accent-warning)}.game-status.game-over{animation:none;color:var(--accent-danger)}.game-over-overlay,.pause-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.game-over-content{animation:fadeIn .5s ease-out;background:var(--bg-secondary);border:3px solid var(--accent-danger);border-radius:16px;box-shadow:0 0 50px #ff000080;padding:40px;text-align:center}.game-over-content h3{color:var(--accent-danger);font-size:2rem;margin-bottom:20px;text-shadow:0 0 20px currentColor}.game-over-content p{color:var(--text-primary);font-family:var(--pixel-font);font-size:1.25rem;margin-bottom:30px}.restart-button{background:var(--accent-primary);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-family:var(--pixel-font);font-size:1rem;font-weight:700;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.restart-button:hover{box-shadow:0 0 30px var(--accent-primary);transform:scale(1.05)}.pause-overlay{flex-direction:column;gap:20px}.pause-overlay p{animation:pulse 1.5s ease-in-out infinite;color:var(--accent-warning);font-size:1.5rem;text-align:center;text-shadow:0 0 20px currentColor}.pause-overlay p:last-child{color:var(--text-secondary);font-size:1rem}.level-indicator{background:#000c;border:1px solid var(--accent-secondary);border-radius:4px;box-shadow:0 0 10px #00ffff4d;color:var(--accent-secondary);font-family:var(--pixel-font);font-size:.9rem;padding:5px 10px;position:absolute;right:10px;text-shadow:0 0 5px currentColor;top:10px}@media (max-width:768px){.tetris-container{align-items:center;flex-direction:column;gap:15px}.tetris-board{height:500px!important;width:250px!important}.game-info{max-width:300px;min-width:260px}.info-panel{padding:10px}.controls-grid{font-size:.75rem;gap:4px}.control-item{min-height:16px;padding:4px 6px}.next-piece-canvas{height:60px;width:80px}}@media (max-width:480px){.tetris-game{padding:5px}.tetris-board{height:440px!important;width:220px!important}.game-info{max-width:280px;min-width:240px}.info-panel{padding:8px}.info-panel h3,.info-panel h4{font-size:.85rem}.score-item{font-size:.75rem}.controls-grid{font-size:.7rem;gap:3px}.control-item{min-height:14px;padding:3px 5px}.control-key{font-size:.7rem}}.pong-game{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative}.pong-canvas{background:#000;border:3px solid var(--accent-primary);box-shadow:0 0 30px #00ff0080;display:block;max-height:100%;max-width:100%}.restart-button,.start-button{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.pong-canvas{height:auto;width:100%}.gameover-content h2,.menu-content h2,.pause-content h2{font-size:2rem}.final-score{font-size:1.5rem!important}}.space-invaders-game{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative}.space-invaders-canvas{background:#000;border:3px solid var(--accent-primary);box-shadow:0 0 30px #00ff0080;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;max-height:100%;max-width:100%}.gameover-content,.menu-content,.pause-content{max-width:500px}.gameover-content h2,.menu-content h2,.pause-content h2{font-size:2.5rem;letter-spacing:2px}.gameover-content p,.menu-content p,.pause-content p{font-size:1rem;line-height:1.6;margin-bottom:15px}.controls-info p{font-family:var(--pixel-font);margin:8px 0}.final-score{font-size:1.5rem!important;margin:20px 0!important}.restart-button,.start-button{background:var(--accent-primary);margin-top:20px}.restart-button:hover,.start-button:hover{background:var(--accent-secondary)}@media (max-width:768px){.space-invaders-canvas{height:auto;width:100%}.gameover-content h2,.menu-content h2,.pause-content h2{font-size:2rem}.gameover-content,.menu-content,.pause-content{margin:20px;padding:30px}}@media (max-width:480px){.gameover-content,.menu-content,.pause-content{padding:20px}.gameover-content h2,.menu-content h2,.pause-content h2{font-size:1.5rem}.controls-info{padding:15px}.controls-info p{font-size:.75rem}}.breakout-game{align-items:center;background:#000;cursor:none;display:flex;height:100%;justify-content:center;position:relative}.breakout-canvas{background:linear-gradient(180deg,#000428,#004e92);border:3px solid var(--accent-primary);box-shadow:0 0 30px #00ff0080;display:block;max-height:100%;max-width:100%}.breakout-game:has(.game-overlay){cursor:auto}.game-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gameover-content h2,.menu-content h2,.pause-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:var(--accent-primary)}.controls-info{border:1px solid var(--accent-primary)}.restart-button,.start-button{background:linear-gradient(45deg,var(--accent-primary),var(--accent-secondary));overflow:hidden;position:relative}.restart-button:before,.start-button:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.restart-button:hover:before,.start-button:hover:before{left:100%}.restart-button:hover,.start-button:hover{box-shadow:0 0 30px var(--accent-primary)}@media (max-width:768px){.breakout-canvas{height:auto;width:100%}.gameover-content h2,.menu-content h2,.pause-content h2{font-size:2rem}.final-score{font-size:1.5rem!important}}.pacman-game{align-items:center;background:#000;display:flex;height:100%;justify-content:center;position:relative}.pacman-canvas{background:#000;border:3px solid var(--accent-primary);box-shadow:0 0 30px #00ff0080;display:block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;max-height:100%;max-width:100%}.game-overlay{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:absolute;z-index:10}.gameover-content,.menu-content,.pause-content{animation:fadeIn .5s ease-out;background:var(--bg-secondary);border:3px solid var(--accent-primary);border-radius:16px;box-shadow:0 0 50px #00ff0080;padding:40px;text-align:center}.gameover-content h2,.menu-content h2,.pause-content h2{color:var(--accent-warning);font-size:3rem;margin-bottom:20px;text-shadow:0 0 20px currentColor}.gameover-content p,.menu-content p,.pause-content p{color:var(--text-primary);font-family:var(--pixel-font);font-size:1.25rem;margin-bottom:20px}.controls-info{background:#00000080;border:1px solid var(--accent-warning);border-radius:8px;margin:30px 0;padding:20px}.controls-info p{color:var(--text-secondary);font-size:.875rem;margin:10px 0}.final-score{color:var(--accent-warning)!important;font-size:2rem!important;text-shadow:0 0 20px currentColor}.restart-button,.start-button{background:var(--accent-warning);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;font-family:var(--pixel-font);font-size:1rem;font-weight:700;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.restart-button:hover,.start-button:hover{box-shadow:0 0 30px var(--accent-warning);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.pacman-canvas{height:auto;width:100%}.gameover-content h2,.menu-content h2,.pause-content h2{font-size:2rem}.final-score{font-size:1.5rem!important}}@media (max-width:480px){.gameover-content,.menu-content,.pause-content{padding:20px}.controls-info{padding:15px}.controls-info p{font-size:.75rem}}
/*# sourceMappingURL=main.6104c662.css.map*/