:root{--bg-primary: #1d1f33;--bg-secondary: #2b2e4a;--bg-tertiary: #383a60;--neon-primary: #ff4e73;--neon-secondary: #ffb72b;--neon-accent: #00e6d2;--neon-text: #f5f5ff;--neon-glow: #bc53a3;--neon-secondary-glow: #2d2d6a;--text-primary: #ffffff;--text-secondary: #ddddff;--text-muted: #aaaae0;font-family:Rajdhani,Orbitron,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem}@font-face{font-family:Orbitron;src:url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap);font-display:swap}@font-face{font-family:Rajdhani;src:url(https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap);font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}#particles-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}main{padding:var(--space-4) var(--space-2);max-width:1440px;margin:0 auto;min-height:calc(100vh - 380px)}h1,h2,h3,h4{font-family:Orbitron,sans-serif;font-weight:700;line-height:1.2;margin-bottom:var(--space-2)}a{color:var(--neon-primary);text-decoration:none;transition:color .3s,text-shadow .3s}a:hover{color:var(--neon-accent);text-shadow:0 0 8px var(--neon-glow)}header{background:#0d0d19e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid rgba(246,55,236,.2);height:80px}.logo{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:700;color:var(--neon-primary);text-shadow:0 0 10px var(--neon-glow);letter-spacing:2px;margin:0}.logo span{color:var(--neon-accent);text-shadow:0 0 10px rgba(0,255,157,.7)}nav{display:flex;align-items:center}.nav-links{display:flex;list-style:none;gap:var(--space-3)}.nav-links a{color:var(--text-primary);font-weight:500;padding:var(--space-1);border-bottom:2px solid transparent;transition:all .3s ease}.nav-links a:hover,.nav-links a.active{color:var(--neon-primary);border-bottom:2px solid var(--neon-primary);text-shadow:0 0 8px var(--neon-glow)}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;width:32px;height:24px;position:relative;z-index:102}.mobile-menu-toggle span{display:block;width:100%;height:2px;background-color:var(--neon-primary);margin:5px 0;transition:all .3s ease;box-shadow:0 0 5px var(--neon-glow)}.hero{height:70vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#0a0a16b3,#13131fb3);border-radius:16px;margin-bottom:var(--space-5);box-shadow:0 0 30px #00000080,0 0 15px var(--neon-glow)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://images.pexels.com/photos/2603464/pexels-photo-2603464.jpeg) center/cover no-repeat;opacity:.4;z-index:-1}.hero-content{text-align:center;max-width:800px;padding:var(--space-4);z-index:1}.hero-content h2{font-size:4rem;margin-bottom:var(--space-3);color:var(--neon-primary);text-shadow:0 0 10px var(--neon-glow)}.hero-content p{font-size:1.5rem;margin-bottom:var(--space-4);color:var(--text-primary)}.neon-button{display:inline-block;padding:var(--space-2) var(--space-4);background:transparent;color:var(--neon-primary);border:2px solid var(--neon-primary);border-radius:4px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 10px var(--neon-glow),inset 0 0 10px var(--neon-glow);text-shadow:0 0 5px var(--neon-primary);z-index:1}.neon-button:hover{background-color:var(--neon-primary);color:var(--bg-primary);box-shadow:0 0 20px var(--neon-glow),inset 0 0 20px var(--neon-glow)}.neon-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(246,55,236,.4),transparent);transition:left .7s ease;z-index:-1}.neon-button:hover:before{left:100%}.section-title{font-size:2.5rem;text-align:center;margin:var(--space-5) 0 var(--space-4);color:var(--neon-text);position:relative;display:inline-block;left:50%;transform:translate(-50%)}.section-title:after{content:"";position:absolute;left:20%;bottom:-10px;width:60%;height:4px;background:linear-gradient(90deg,transparent,var(--neon-primary),transparent);border-radius:2px}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.game-card{background:var(--bg-tertiary);border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(246,55,236,.2)}.game-card:hover{transform:translateY(-8px);box-shadow:0 12px 20px #0006,0 0 15px var(--neon-glow)}.game-card:hover:before{opacity:1}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:8px;background:linear-gradient(135deg,var(--neon-primary),var(--neon-secondary)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.game-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-card:hover .game-thumbnail img{transform:scale(1.1)}.game-info{padding:var(--space-2);text-align:center}.game-title{font-size:1.2rem;margin-bottom:var(--space-1);color:var(--neon-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 var(--space-1)}.game-category{display:inline-block;background:#f637ec33;color:var(--neon-primary);font-size:.8rem;padding:2px 8px;border-radius:4px;margin-top:4px;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-5)}.category-card{background:var(--bg-tertiary);border-radius:8px;padding:var(--space-3);text-align:center;transition:all .3s ease;box-shadow:0 4px 8px #0000004d;border:1px solid rgba(0,255,157,.2);display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000004d,0 0 15px #00ff9d80;background-color:#00ff9d1a}.category-icon{font-size:2.5rem;margin-bottom:var(--space-2);background:#0000004d;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 10px #00ff9d80}.category-card:hover .category-icon{transform:scale(1.1);box-shadow:0 0 20px #00ff9db3}.category-card h3{color:var(--text-primary);font-size:1.3rem;transition:all .3s ease}.category-card:hover h3{color:var(--neon-accent);text-shadow:0 0 8px rgba(0,255,157,.7)}.filter-section{background:var(--bg-tertiary);padding:var(--space-3);border-radius:8px;margin-bottom:var(--space-4);box-shadow:0 4px 8px #0000004d;border:1px solid rgba(246,55,236,.2)}.filter-container{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center}.filter-group{display:flex;align-items:center;gap:var(--space-1)}.filter-group label{color:var(--text-secondary)}.filter-group select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(246,55,236,.4);padding:8px 16px;border-radius:4px;font-family:inherit;font-size:.9rem;outline:none;transition:all .3s ease}.filter-group select:focus{border-color:var(--neon-primary);box-shadow:0 0 5px var(--neon-glow)}.search-group{display:flex;gap:8px}.search-group input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid rgba(246,55,236,.4);padding:8px 16px;border-radius:4px;font-family:inherit;font-size:.9rem;outline:none;width:250px;transition:all .3s ease}.search-group input:focus{border-color:var(--neon-primary);box-shadow:0 0 5px var(--neon-glow)}.search-group button{background-color:var(--neon-primary);color:var(--bg-primary);border:none;padding:8px 16px;border-radius:4px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .3s ease}.search-group button:hover{background-color:var(--neon-accent);box-shadow:0 0 10px #00ff9db3}.page-header{text-align:center;margin-bottom:var(--space-4)}.page-header h2{font-size:3rem;color:var(--neon-primary);text-shadow:0 0 10px var(--neon-glow)}.game-detail-header{display:flex;align-items:center;margin-bottom:var(--space-4)}.back-button{background:transparent;border:none;color:var(--neon-primary);font-family:inherit;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:4px;transition:all .3s ease;margin-right:var(--space-3)}.back-button:hover{text-shadow:0 0 8px var(--neon-glow)}.back-icon{font-size:1.2rem}.game-title{font-size:1rem;color:var(--neon-accent);text-shadow:0 0 8px rgba(0,255,157,.7);margin:0;flex-grow:1}.game-detail-content{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.game-info{display:flex;gap:var(--space-4);background:var(--bg-tertiary);border-radius:12px;overflow:hidden}.game-thumbnail{flex:0 0 300px;height:300px;position:relative}.game-thumbnail{width:100%;height:180px;object-fit:cover;position:relative;overflow:hidden}.game-thumbnail img{width:100%;height:100%;object-fit:cover}.game-info-text{flex:1;padding:var(--space-3);display:flex;flex-direction:column}.game-categories{display:flex;gap:8px;margin-bottom:var(--space-2);flex-wrap:wrap}.game-category-tag{background:#f637ec33;color:var(--neon-primary);font-size:.9rem;padding:4px 12px;border-radius:4px;display:inline-block}.game-description{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-3);flex-grow:1}.play-button{background-color:var(--neon-primary);color:var(--bg-primary);border:none;padding:var(--space-2) var(--space-4);border-radius:8px;font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px var(--neon-glow);align-self:flex-start}.play-button:hover{background-color:var(--neon-accent);box-shadow:0 0 20px #00ff9db3}.game-play-section{margin-top:var(--space-4);margin-bottom:var(--space-5);display:none}.game-container{background:var(--bg-tertiary);border-radius:12px;padding:var(--space-3);box-shadow:0 8px 16px #0006;border:1px solid rgba(246,55,236,.2);position:relative}.game-frame-container{width:100%;height:600px;position:relative;overflow:hidden;border-radius:8px;background-color:#000}.game-frame-container iframe{width:100%;height:100%;border:none}.fullscreen-toggle{position:absolute;bottom:var(--space-3);right:var(--space-3);background:#13131fb3;color:var(--neon-primary);border:1px solid var(--neon-primary);padding:8px 16px;border-radius:4px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .3s ease;z-index:10}.fullscreen-toggle:hover{background-color:var(--neon-primary);color:var(--bg-primary)}.similar-games{margin-top:var(--space-5)}footer{background:var(--bg-secondary);border-top:1px solid rgba(246,55,236,.2);padding-top:var(--space-4);color:var(--text-secondary);width:100%}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);max-width:1440px;margin:0 auto;padding:0 var(--space-3) var(--space-4)}.footer-section{display:flex;flex-direction:column}.footer-title{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--neon-primary);text-shadow:0 0 8px var(--neon-glow);margin-bottom:var(--space-2)}.footer-title span{color:var(--neon-accent);text-shadow:0 0 8px rgba(0,255,157,.7)}.footer-section h3{color:var(--neon-text);font-size:1.2rem;margin-bottom:var(--space-2)}.footer-section p{color:var(--text-muted);margin-bottom:var(--space-2)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:8px}.footer-section ul li a{color:var(--text-secondary);transition:all .3s ease}.footer-section ul li a:hover{color:var(--neon-primary);text-shadow:0 0 5px var(--neon-glow)}.social-icons{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.social-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border-radius:50%;color:var(--neon-primary);transition:all .3s ease;font-size:.8rem;font-weight:600}.social-icon:hover{background-color:var(--neon-primary);color:var(--bg-primary);box-shadow:0 0 10px var(--neon-glow)}.footer-bottom{background:#0a0a10cc;text-align:center;padding:var(--space-2);color:var(--text-muted);font-size:.9rem}.fullscreen-mode .game-frame-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;border-radius:0}@media (max-width: 992px){.game-info{flex-direction:column}.game-thumbnail{flex:0 0 auto;height:250px;width:100%}.hero-content h2{font-size:3rem}.hero-content p{font-size:1.2rem}.game-frame-container{height:500px}}@media (max-width: 768px){header{padding:var(--space-2)}.mobile-menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:var(--bg-secondary);flex-direction:column;padding:100px var(--space-3) var(--space-3);transition:right .3s ease;border-left:1px solid rgba(246,55,236,.2);box-shadow:-5px 0 15px #0000004d;z-index:101}.nav-links.active{right:0}.hero{height:60vh}.hero-content h2{font-size:2.5rem}.hero-content p{font-size:1rem}.section-title{font-size:2rem}.filter-container{flex-direction:column;align-items:stretch}.search-group{width:100%}.search-group input{flex-grow:1;width:auto}.game-frame-container{height:400px}.game-detail-page.fullscreen-mode{overflow:hidden}.game-detail-page.fullscreen-mode header,.game-detail-page.fullscreen-mode footer,.game-detail-page.fullscreen-mode .game-detail-header,.game-detail-page.fullscreen-mode .game-info,.game-detail-page.fullscreen-mode .similar-games{display:none}.game-detail-page.fullscreen-mode .game-play-section{margin:0;height:100vh}.game-detail-page.fullscreen-mode .game-container{border-radius:0;padding:0;height:100vh}.game-detail-page.fullscreen-mode .game-frame-container{border-radius:0}}@media (max-width: 480px){.logo{font-size:1.4rem}.hero{height:50vh}.hero-content h2{font-size:2rem}.hero-content p{font-size:.9rem}.neon-button{font-size:1rem;padding:var(--space-1) var(--space-3)}.section-title{font-size:1.8rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.game-title{font-size:2rem}.game-frame-container{height:300px}.game-detail-page.fullscreen-mode .game-frame-container{height:100vh}}.glitch-text{position:relative;animation:glitch 5s infinite}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.glitch-text:before{color:var(--neon-primary);animation:glitch-effect 3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-.025em,-.0125em);opacity:.8}.glitch-text:after{color:var(--neon-accent);animation:glitch-effect 2s infinite reverse;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(.025em,.0125em);opacity:.8}@keyframes glitch-effect{0%{transform:translate(0)}10%{transform:translate(-5px)}20%{transform:translate(5px)}30%{transform:translate(-5px)}40%{transform:translate(0)}50%{transform:translate(-2px,2px)}60%{transform:translate(0)}70%{transform:translate(2px,-2px)}80%{transform:translate(-2px)}90%{transform:translate(2px)}to{transform:translate(0)}}@keyframes glitch{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:skew(0);text-shadow:0 0 10px var(--neon-glow)}41%{transform:skew(10deg);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}42%{transform:skew(-10deg);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}59%{transform:skew(40deg) skewY(10deg);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}60%{transform:skew(-40deg) skewY(-10deg);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}66%{transform:skew(10deg) scale(1.1);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}70%{transform:skew(-10deg);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}72%{transform:skew(20deg) skewY(5deg);text-shadow:.5px 0 0 var(--neon-primary),-.5px 0 0 var(--neon-accent)}}@keyframes neonPulse{0%,to{text-shadow:0 0 5px var(--neon-glow),0 0 10px var(--neon-glow),0 0 15px var(--neon-glow),0 0 20px var(--neon-primary),0 0 35px var(--neon-primary),0 0 40px var(--neon-primary)}50%{text-shadow:0 0 2px var(--neon-glow),0 0 5px var(--neon-glow),0 0 10px var(--neon-glow),0 0 15px var(--neon-primary),0 0 25px var(--neon-primary),0 0 30px var(--neon-primary)}}.logo{animation:neonPulse 2s infinite alternate}@keyframes borderGlow{0%{box-shadow:0 0 5px var(--neon-glow),0 0 10px var(--neon-glow)}50%{box-shadow:0 0 10px var(--neon-glow),0 0 20px var(--neon-glow),0 0 30px var(--neon-glow)}to{box-shadow:0 0 5px var(--neon-glow),0 0 10px var(--neon-glow)}}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100%}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 10px);pointer-events:none;z-index:9999;animation:scanlines 10s linear infinite;opacity:.3}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.5}}.footer-title{animation:flicker 8s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{animation:fadeIn .8s ease-out}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:50px;height:50px;border:4px solid rgba(246,55,236,.3);border-top:4px solid var(--neon-primary);border-radius:50%;animation:rotate 1s linear infinite;margin:20px auto}@keyframes breathe{0%,to{box-shadow:0 0 5px var(--neon-glow),0 0 10px var(--neon-glow)}50%{box-shadow:0 0 15px var(--neon-glow),0 0 20px var(--neon-glow),0 0 25px var(--neon-glow)}}.neon-button{animation:breathe 3s infinite}@keyframes horizontalScan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.horizontal-scan{position:fixed;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,var(--neon-primary),transparent);opacity:.5;z-index:9999;pointer-events:none;animation:horizontalScan 8s linear infinite}.mobile-menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}button:active{animation:buttonPress .3s ease}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.category-card:hover{animation:float 3s ease infinite}