@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--primary-red: #1E90FF;--primary-blue: #00CED1;--primary-yellow: #B0E0E6;--accent-green: #20B2AA;--dark-bg: #2C4D54;--darker-bg: #1A2E3B;--light-text: #FFFFFF;--gray-text: #CCCCCC;--pixel-font: "Press Start 2P", monospace;--border-radius: 4px;--pixel-shadow: 4px 4px 0px rgba(0,0,0,.3);--scan-line: linear-gradient(transparent 50%, rgba(43, 255, 0, .03) 50%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--pixel-font);background:var(--darker-bg);color:var(--light-text);line-height:1.6;overflow-x:hidden;background-image:var(--scan-line),radial-gradient(ellipse at center,var(--dark-bg) 0%,var(--darker-bg) 100%);background-size:100% 2px,100% 100%;animation:scanlines .1s linear infinite}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 2px}}#app{position:relative;min-height:100vh}#app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 50%,rgba(255,255,255,.01) 50%),linear-gradient(transparent 50%,#00ff0005 50%);background-size:2px 2px;pointer-events:none;z-index:1000}.container{max-width:1200px;margin:0 auto;padding:0 20px}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--darker-bg);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{text-align:center}.pixel-loader{width:60px;height:60px;background:var(--primary-red);margin:0 auto 20px;animation:pixelPulse 1s ease-in-out infinite alternate;box-shadow:var(--pixel-shadow)}@keyframes pixelPulse{0%{transform:scale(1);background:var(--primary-red)}to{transform:scale(1.2);background:var(--primary-yellow)}}.loading-text{font-size:12px;color:var(--primary-blue);letter-spacing:2px}.header{background:var(--dark-bg);border-bottom:4px solid var(--primary-red);position:sticky;top:0;z-index:100;box-shadow:0 4px 8px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo-text{font-size:18px;color:var(--primary-yellow);text-shadow:2px 2px 0px var(--primary-red);letter-spacing:2px}.nav-list{display:flex;list-style:none;gap:30px}.nav-link{color:var(--light-text);text-decoration:none;font-size:10px;letter-spacing:1px;padding:8px 12px;border:2px solid transparent;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{border-color:var(--primary-blue);background:var(--primary-blue);color:var(--darker-bg);box-shadow:var(--pixel-shadow);transform:translateY(-2px)}.page{display:none;min-height:calc(100vh - 200px);padding:40px 0}.page.active{display:block;animation:pageTransition .5s ease-in-out}@keyframes pageTransition{0%{opacity:0;transform:translate(100px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:60px;min-height:400px}.hero-title{font-size:24px;color:var(--primary-yellow);text-shadow:3px 3px 0px var(--primary-red);margin-bottom:20px;line-height:1.3}.hero-description{font-size:12px;color:var(--gray-text);margin-bottom:30px;line-height:1.8}.cta-button{background:var(--primary-red);color:var(--light-text);border:none;padding:15px 25px;font-family:var(--pixel-font);font-size:10px;cursor:pointer;box-shadow:var(--pixel-shadow);transition:all .3s ease;letter-spacing:1px}.cta-button:hover{background:var(--primary-yellow);color:var(--darker-bg);transform:translateY(-3px);box-shadow:6px 6px #0006}.hero-graphic{display:flex;justify-content:center;align-items:center}.pixel-character{width:120px;height:120px;background:var(--primary-blue);position:relative;box-shadow:var(--pixel-shadow);animation:bounce 2s ease-in-out infinite}.pixel-character:before{content:"🎮";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px}.section-title{font-size:18px;color:var(--primary-blue);text-align:center;margin-bottom:40px;text-shadow:2px 2px 0px rgba(0,0,0,.5);letter-spacing:2px}.categories-section{margin-bottom:60px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.category-card{background:var(--dark-bg);border:3px solid var(--primary-yellow);padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-card:hover{border-color:var(--primary-red);transform:translateY(-5px);box-shadow:var(--pixel-shadow)}.category-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.category-card:hover:before{left:100%}.category-name{font-size:12px;color:var(--light-text);margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.category-count{font-size:10px;color:var(--primary-blue)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:40px}.game-card{background:var(--dark-bg);border:2px solid var(--primary-blue);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.game-card:hover{border-color:var(--primary-yellow);transform:translateY(-5px);box-shadow:0 8px 16px #0006}.game-thumbnail{width:100%;height:180px;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-thumbnail{transform:scale(1.05)}.game-info{padding:15px}.game-name{font-size:12px;color:var(--light-text);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.game-description{font-size:8px;color:var(--gray-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-category{position:absolute;top:10px;right:10px;background:var(--primary-red);color:var(--light-text);padding:4px 8px;font-size:8px;border-radius:2px}.load-more-btn{display:block;margin:0 auto;background:var(--primary-blue);color:var(--light-text);border:none;padding:12px 24px;font-family:var(--pixel-font);font-size:10px;cursor:pointer;box-shadow:var(--pixel-shadow);transition:all .3s ease;letter-spacing:1px}.load-more-btn:hover{background:var(--primary-yellow);color:var(--darker-bg);transform:translateY(-2px)}.load-more-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-title{font-size:20px;color:var(--primary-yellow);text-shadow:2px 2px 0px var(--primary-red)}.back-btn,.home-btn,.aspect-toggle-btn{background:var(--primary-red);color:var(--light-text);border:none;padding:10px 15px;font-family:var(--pixel-font);font-size:8px;cursor:pointer;box-shadow:var(--pixel-shadow);transition:all .3s ease;letter-spacing:1px}.back-btn:hover,.home-btn:hover,.aspect-toggle-btn:hover{background:var(--primary-yellow);color:var(--darker-bg);transform:translateY(-2px)}.categories-list{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:40px;justify-content:center}.category-btn{background:var(--dark-bg);color:var(--light-text);border:2px solid var(--primary-blue);padding:10px 20px;font-family:var(--pixel-font);font-size:10px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.category-btn:hover,.category-btn.active{background:var(--primary-blue);border-color:var(--primary-yellow);transform:translateY(-2px);box-shadow:var(--pixel-shadow)}.game-detail-header{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.home-btn,.aspect-toggle-btn{display:none}.aspect-toggle-btn.active{background:var(--accent-green)}.game-detail-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.game-title{font-size:16px;color:var(--primary-yellow);margin-bottom:20px;text-shadow:2px 2px 0px var(--primary-red)}.game-description{font-size:10px;color:var(--gray-text);line-height:1.8}.game-frame-container{width:100%;height:500px;border:4px solid var(--primary-red);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--pixel-shadow);transition:all .3s ease}.game-frame-container iframe{width:100%;height:100%;border:none}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.about-section{background:var(--dark-bg);border:2px solid var(--primary-blue);padding:30px;border-radius:var(--border-radius)}.about-section h3{color:var(--primary-yellow);font-size:14px;margin-bottom:15px;text-shadow:1px 1px 0px var(--primary-red)}.about-section p{font-size:10px;color:var(--gray-text);line-height:1.8}.footer{background:var(--darker-bg);border-top:4px solid var(--primary-red);margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;padding:40px 0}.footer-section h4{color:var(--primary-yellow);font-size:12px;margin-bottom:15px;text-shadow:1px 1px 0px var(--primary-red)}.footer-section p{font-size:8px;color:var(--gray-text);line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:var(--gray-text);text-decoration:none;font-size:8px;transition:color .3s ease}.footer-section ul li a:hover{color:var(--primary-blue)}.scene-container{position:relative;width:300px;height:200px;margin:0 auto}.scene{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;overflow:hidden;border:3px solid var(--primary-blue);background:linear-gradient(to bottom,#87ceeb,#98fb98)}.scene.active{opacity:1}.river-scene{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,#90ee90,#228b22)}.mountains{position:absolute;bottom:60%;left:0;width:100%;height:40%;background:linear-gradient(45deg,#8b4513,sienna,#8b4513);clip-path:polygon(0% 100%,20% 60%,40% 80%,60% 40%,80% 70%,100% 50%,100% 100%)}.river{position:absolute;bottom:20%;left:0;width:100%;height:30%;background:#4169e1;overflow:hidden}.water-flow{position:absolute;width:200%;height:8px;background:linear-gradient(90deg,transparent 0%,#87CEEB 50%,transparent 100%);animation:flow 3s linear infinite}.water-flow:nth-child(1){top:20%;animation-delay:0s}.water-flow:nth-child(2){top:50%;animation-delay:1s}.water-flow:nth-child(3){top:80%;animation-delay:2s}@keyframes flow{0%{transform:translate(-100%)}to{transform:translate(0)}}.trees{position:absolute;bottom:50%;left:10%;width:80%;height:30%}.tree{position:absolute;width:20px;height:30px;background:#8b4513}.tree:before{content:"";position:absolute;top:-15px;left:-10px;width:40px;height:25px;background:#228b22;border-radius:50%}.tree:nth-child(1){left:10%}.tree:nth-child(2){left:40%}.tree:nth-child(3){left:70%}.mountain-scene{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,plum,#9370db)}.sky{position:absolute;top:0;left:0;width:100%;height:60%}.cloud{position:absolute;width:40px;height:20px;background:#fff;border-radius:20px;animation:drift 8s ease-in-out infinite}.cloud:nth-child(1){top:20%;left:10%;animation-delay:0s}.cloud:nth-child(2){top:30%;left:60%;animation-delay:2s}.cloud:nth-child(3){top:10%;left:80%;animation-delay:4s}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.mountain-range{position:absolute;bottom:20%;left:0;width:100%;height:60%}.mountain{position:absolute;bottom:0;background:#696969;animation:sway 6s ease-in-out infinite}.peak1{left:10%;width:60px;height:80px;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.peak2{left:40%;width:80px;height:100px;clip-path:polygon(50% 0%,0% 100%,100% 100%);animation-delay:2s}.peak3{left:70%;width:50px;height:70px;clip-path:polygon(50% 0%,0% 100%,100% 100%);animation-delay:4s}@keyframes sway{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.city-scene{position:relative;width:100%;height:100%;background:linear-gradient(to bottom,#191970,#483d8b,#2f4f4f)}.night-sky{position:absolute;top:0;left:0;width:100%;height:70%}.star{position:absolute;width:4px;height:4px;background:#ff0;border-radius:50%;animation:twinkle 2s ease-in-out infinite}.star:nth-child(1){top:20%;left:20%;animation-delay:0s}.star:nth-child(2){top:30%;left:50%;animation-delay:.5s}.star:nth-child(3){top:15%;left:70%;animation-delay:1s}.star:nth-child(4){top:40%;left:30%;animation-delay:1.5s}.star:nth-child(5){top:25%;left:80%;animation-delay:2s}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}.city-skyline{position:absolute;bottom:20%;left:0;width:100%;height:50%}.building{position:absolute;bottom:0;background:#2f4f4f;border:1px solid #4682B4}.building:nth-child(1){left:10%;width:30px;height:40px}.building.tall{left:35%;width:25px;height:60px}.building:nth-child(3){left:55%;width:35px;height:35px}.building.medium{left:75%;width:20px;height:50px}.building:before{content:"";position:absolute;top:10%;left:20%;width:60%;height:80%;background:repeating-linear-gradient(0deg,transparent,transparent 8px,#FFFF00 8px,#FFFF00 10px)}.scene-controls{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:10px}.scene-btn{width:40px;height:40px;border:2px solid var(--primary-blue);background:var(--dark-bg);color:var(--light-text);font-size:16px;cursor:pointer;transition:all .3s ease}.scene-btn:hover,.scene-btn.active{border-color:var(--primary-yellow);background:var(--primary-red);transform:translateY(-2px)}.pixel-character{position:absolute;bottom:10%;right:15%;width:40px;height:40px;background:var(--primary-red);box-shadow:var(--pixel-shadow);animation:bounce 2s ease-in-out infinite;z-index:10}.pixel-character:before{content:"🎮";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.legal-page{max-width:800px;margin:40px auto;padding:20px}.legal-title{font-size:24px;color:var(--primary-yellow);text-align:center;margin-bottom:30px;text-shadow:3px 3px 0px var(--primary-red)}.legal-content{background:var(--dark-bg);border:2px solid var(--primary-blue);padding:30px;border-radius:var(--border-radius)}.last-updated{font-size:10px;color:var(--gray-text);text-align:center;margin-bottom:30px;font-style:italic}.legal-section{margin-bottom:30px}.legal-section h2{font-size:14px;color:var(--primary-blue);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.legal-section h3{font-size:12px;color:var(--primary-yellow);margin:20px 0 10px}.legal-section p{font-size:10px;line-height:1.6;color:var(--light-text);margin-bottom:15px}.legal-section ul{margin:15px 0;padding-left:20px}.legal-section li{font-size:10px;line-height:1.6;color:var(--gray-text);margin-bottom:8px}.legal-section ol{margin:15px 0;padding-left:20px}.legal-section ol li{font-size:10px;line-height:1.6;color:var(--gray-text);margin-bottom:8px}.legal-section a{color:var(--primary-blue);text-decoration:none;border-bottom:1px dotted var(--primary-blue)}.legal-section a:hover{color:var(--primary-yellow);border-bottom-color:var(--primary-yellow)}.contact-info{background:var(--darker-bg);padding:20px;border-left:4px solid var(--primary-red);margin:15px 0}.contact-info p{margin-bottom:10px}.faq-item{background:var(--darker-bg);padding:20px;margin-bottom:15px;border-left:4px solid var(--accent-green)}.faq-item h3{color:var(--accent-green);margin-bottom:10px}.requirements{background:var(--darker-bg);padding:20px;border-radius:var(--border-radius)}.community-section{background:var(--darker-bg);padding:20px;margin:15px 0;border-radius:var(--border-radius)}.community-section h3{color:var(--accent-green);margin-bottom:15px}@media (max-width: 768px){.container{padding:0 15px}.header-content{flex-direction:column;gap:15px}.logo-text{font-size:14px}.nav-list{gap:15px}.nav-link{font-size:8px;padding:6px 10px}.hero{grid-template-columns:1fr;text-align:center;gap:30px}.hero-title{font-size:18px}.hero-description{font-size:10px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.page-title{font-size:16px}.game-detail-content{grid-template-columns:1fr;gap:20px}.game-frame-container{height:400px}.about-content{grid-template-columns:1fr;gap:20px}.footer-content{grid-template-columns:repeat(2,1fr);gap:20px}.game-frame-container.mobile-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;border:none!important;border-radius:0!important}.home-btn.mobile-show{display:flex!important;position:fixed!important;top:10px!important;right:10px!important;z-index:10000!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;border-radius:50%!important;font-size:16px!important}.legal-page{margin:20px auto;padding:10px}.legal-content{padding:20px}.legal-title{font-size:18px}.legal-section h2{font-size:12px}}@media (max-width: 480px){.hero-title,.section-title{font-size:14px}.games-grid{grid-template-columns:1fr 1fr}.game-thumbnail{height:120px}.game-name{font-size:10px}.game-description{font-size:7px}.footer-content{grid-template-columns:1fr}}@media (prefers-reduced-motion: no-preference){.game-card,.category-card,.cta-button,.load-more-btn,.back-btn,.home-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (prefers-contrast: high){:root{--primary-red: #FF0000;--primary-blue: #0000FF;--primary-yellow: #FFFF00;--light-text: #FFFFFF;--darker-bg: #000000}}.footer-bottom{border-top:1px solid var(--dark-bg);padding:20px 0;text-align:center}.footer-bottom p{font-size:8px;color:var(--gray-text)}.lazy-image{opacity:0;transition:opacity .5s ease}.lazy-image.loaded{opacity:1}@media (max-width: 768px){.container{padding:0 15px}.header-content{flex-direction:column;gap:15px}.logo-text{font-size:14px}.nav-list{gap:15px}.nav-link{font-size:8px;padding:6px 10px}.hero{grid-template-columns:1fr;text-align:center;gap:30px}.hero-title{font-size:18px}.hero-description{font-size:10px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.page-title{font-size:16px}.game-detail-content{grid-template-columns:1fr;gap:20px}.game-frame-container{height:400px}.about-content{grid-template-columns:1fr;gap:20px}.footer-content{grid-template-columns:repeat(2,1fr);gap:20px}.game-frame-container.mobile-fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;border:none!important;border-radius:0!important}.home-btn.mobile-show{display:flex!important;position:fixed!important;top:10px!important;right:10px!important;z-index:10000!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;border-radius:50%!important;font-size:16px!important}}