@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes moon-glow{0%,to{box-shadow:0 0 60px rgb(255 255 255/.8),0 0 100px rgb(255 255 255/.4),inset -10px -10px 20px rgb(0 0 0/.1)}50%{box-shadow:0 0 80px rgb(255 255 255),0 0 120px rgb(255 255 255/.6),inset -10px -10px 20px rgb(0 0 0/.1)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes badge-glow-new{0%,to{box-shadow:0 0 6px rgb(255 215 0/.4),inset 0 0 4px rgb(255 215 0/.1);opacity:.85}50%{box-shadow:0 0 20px rgb(255 215 0),inset 0 0 12px rgb(255 215 0/.35);opacity:1}}:root{--primary:#FF3366;--primary-dark:#E62958;--secondary:#00D9FF;--accent:#FFD700;--success:#00FF88;--warning:#FF9500;--bg-main:#0A0E27;--bg-card:#141B3A;--bg-hover:#1A2347;--bg-light:#1F2A54;--text-primary:#FFFFFF;--text-secondary:#B8C5D6;--text-muted:#6B7A94;--border:#2A3555;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.4);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.5);--shadow-glow:0 0 20px rgba(255, 51, 102, 0.3);--gap-xs:8px;--gap-sm:12px;--gap-md:20px;--gap-lg:32px;--gap-xl:48px;--font-display:'Fredoka', 'Comic Sans MS', sans-serif;--font-body:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;--container-max:1400px;--sidebar-width:300px;--game-max-width:800px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-main);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgb(138 43 226/.25)0,transparent 50%),radial-gradient(circle at 85% 80%,rgb(255 105 180/.2)0,transparent 50%),radial-gradient(circle at 50% 50%,rgb(75 0 130/.18)0,transparent 70%);z-index:-2;animation:bgPulse 20s ease-in-out infinite;pointer-events:none}body::after{content:"";top:8%;right:10%;width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#fff 0,#e6e6e6 50%,#ccc 100%);border-radius:50%;box-shadow:0 0 60px rgb(255 255 255/.8),0 0 100px rgb(255 255 255/.4),inset -10px -10px 20px rgb(0 0 0/.1);animation:moon-glow 6s ease-in-out infinite}body::after,html::after,html::before{position:fixed;z-index:-1;pointer-events:none}html::before{content:"✦";top:5%;right:15%;font-size:2rem;color:rgb(255 255 255/.9);animation:twinkle 3s ease-in-out infinite}html::after{content:"✧";top:10%;left:10%;font-size:1.5rem;color:rgb(255 255 255/.85);animation:twinkle 3.5s ease-in-out infinite .5s}.site-header::after,.site-header::before{position:fixed!important;z-index:-1;pointer-events:none}.site-header::before{content:"⭐";top:40%;left:5%;font-size:1.8rem;color:rgb(255 255 255/.9);animation:twinkle 4s ease-in-out infinite 1s}.site-header::after{content:"✨";top:50%;right:8%;font-size:1.6rem;color:rgb(255 255 255/.85);animation:twinkle 3.8s ease-in-out infinite 1.5s}.site-footer::before{content:"✦";bottom:30%;left:12%;font-size:1.7rem;color:rgb(255 255 255/.9);animation:twinkle 4.2s ease-in-out infinite 2s}.main-nav::before,.site-footer::after,.site-footer::before{position:fixed!important;z-index:-1;pointer-events:none}.site-footer::after{content:"✧";bottom:15%;right:20%;font-size:1.4rem;color:rgb(255 255 255/.8);animation:twinkle 3.6s ease-in-out infinite 2.5s}.main-nav::before{content:"⭐";top:8%;left:45%;font-size:1.5rem;color:rgb(255 255 255/.85);animation:twinkle 3.3s ease-in-out infinite .8s}.main-nav::after{content:"✨";top:25%;left:75%;font-size:1.9rem;color:rgb(255 255 255/.9);animation:twinkle 4.5s ease-in-out infinite 1.2s}.header-container::after,.header-container::before,.main-nav::after{position:fixed!important;z-index:-1;pointer-events:none}.header-container::before{content:"✦";top:45%;left:50%;font-size:1.6rem;color:rgb(255 255 255/.85);animation:twinkle 3.9s ease-in-out infinite 1.8s}.header-container::after{content:"✧";bottom:25%;right:35%;font-size:1.5rem;color:rgb(255 255 255/.8);animation:twinkle 4.1s ease-in-out infinite 2.3s}.footer-container::after,.footer-container::before{position:fixed!important;color:rgb(255 255 255/.9);z-index:-1;pointer-events:none}.footer-container::before{content:"⭐";bottom:10%;left:40%;font-size:1.7rem;animation:twinkle 3.7s ease-in-out infinite 2.8s}.footer-container::after{content:"✨";top:18%;right:5%;font-size:1.8rem;animation:twinkle 4.3s ease-in-out infinite 3s}img{max-width:100%;height:auto;display:block}a{color:var(--secondary);text-decoration:none;transition:all .3s ease}.main-nav a:hover,a:hover{color:var(--primary)}h1{font-size:clamp(2rem,5vw,3.5rem);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;margin-bottom:var(--gap-md);text-shadow:0 0 40px rgb(255 51 102/.3)}h3,p{margin-bottom:var(--gap-sm)}h1,h3{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}h3{font-size:clamp(1.25rem,3vw,1.875rem);color:var(--secondary)}p{color:var(--text-secondary)}.site-header{background:rgb(10 14 39/.95);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-md)}@media (min-width:769px){.site-header{backdrop-filter:blur(10px)}}.header-container{max-width:var(--container-max);margin:0 auto;padding:var(--gap-sm) var(--gap-md);display:flex;justify-content:space-between;align-items:center}.footer-widget h3,.site-logo{font-family:var(--font-display)}.site-logo{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;letter-spacing:-.03em;transition:transform .3s ease}.menu-toggle:hover,.site-logo:hover{transform:scale(1.05)}.main-nav ul{display:flex;gap:var(--gap-md);list-style:none}.main-nav a{font-weight:600;padding:8px 16px;border-radius:8px}.main-nav a:hover{background:var(--bg-hover)}.menu-toggle{display:none;background:var(--primary);border:0;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s ease}.menu-toggle:hover{background:var(--primary-dark)}.site-container{max-width:var(--container-max);margin:0 auto;padding:var(--gap-lg) var(--gap-md)}.game-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bg-light);color:var(--text-primary);padding:12px 24px;border:2px solid var(--border);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.game-btn:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.game-btn.fullscreen-btn{background:var(--secondary);color:var(--bg-main);border-color:var(--secondary)}.game-btn.fullscreen-btn:hover{background:#00b8d4;border-color:#00b8d4}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--gap-md)}.game-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative}.game-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgb(255 51 102/.1),rgb(0 217 255/.1));opacity:0;transition:opacity .3s ease;pointer-events:none}.game-card:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:var(--shadow-glow)}.game-card:hover::before{opacity:1}.game-card-image{width:100%;aspect-ratio:4/3;object-fit:cover}.game-card-content{padding:var(--gap-sm)}.game-card-title{font-family:var(--font-display);font-size:1.1rem;margin-bottom:6px;color:var(--text-primary)}.game-card-meta{display:flex;gap:var(--gap-sm);font-size:.85rem;color:var(--text-muted)}.play-count::before{content:"▶ ";color:var(--success)}.site-footer{background:var(--bg-card);border-top:2px solid var(--border);margin-top:var(--gap-xl);padding:var(--gap-xl)0 var(--gap-md)}.footer-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gap-md)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-lg);margin-bottom:var(--gap-lg)}.footer-widget h3{color:var(--primary);margin-bottom:var(--gap-md)}.footer-menu{list-style:none}.footer-menu li{margin-bottom:var(--gap-xs)}.footer-menu a,.main-nav a{color:var(--text-secondary);transition:all .3s ease}.footer-menu a:hover{color:var(--primary);padding-left:5px}.footer-bottom{text-align:center;padding-top:var(--gap-md);border-top:1px solid var(--border);color:var(--text-muted);font-size:.9rem}@media (max-width:768px){:root{--gap-lg:24px;--gap-xl:32px}.header-container{padding:var(--gap-sm)}.main-nav a,.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-top:2px solid var(--border);box-shadow:var(--shadow-md)}.main-nav ul{flex-direction:column;gap:0}.main-nav a{padding:var(--gap-sm) var(--gap-md);border-bottom:1px solid var(--border)}.site-container{padding:var(--gap-md) var(--gap-sm)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap-sm)}.footer-grid{grid-template-columns:1fr}}@media (max-width:480px){.games-grid{grid-template-columns:repeat(2,1fr)}}.game-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.66rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;z-index:10;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);line-height:1.4}.badge-new{background:rgb(20 15 0/.6);border:1.5px solid gold;color:gold;animation:badge-glow-new 2s ease-in-out infinite}