:root{--bg-dark-1:#100f1c;--bg-dark-2:#191827;--bg-panel:#242235;--bg-panel-light:#3a3751;--primary:#a78bfa;--primary-dark:#8b5cf6;--secondary:#f472b6;--accent:#facc15;--text-light:#e9e7f5;--text-dark:#100f1c;--text-title:#ffffff;--font-display:'Bungee',cursive;--font-body:'Poppins',sans-serif;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-dark-1);background-image:radial-gradient(circle at 20% 20%,var(--bg-dark-2) 0%,transparent 40%),radial-gradient(circle at 80% 70%,var(--bg-dark-2) 0%,transparent 40%);color:var(--text-light);line-height:1.6;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}a{color:var(--secondary);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.1;margin:0;color:var(--text-title);text-shadow:0 2px 4px rgba(0,0,0,.2)}.game-btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;font-family:var(--font-display);font-size:1.1rem;letter-spacing:1px;color:var(--text-dark);background:linear-gradient(180deg,var(--accent) 0%,#f59e0b 100%);padding:1rem 2.2rem;border-radius:var(--radius-md);border:2px solid #b45309;border-bottom:7px solid #b45309;cursor:pointer;text-decoration:none;transition:all .1s ease-out;transform:translateY(-5px);box-shadow:0 5px 0 #b45309,0 8px 15px rgba(0,0,0,.3)}.game-btn:hover{transform:translateY(-7px);box-shadow:0 7px 0 #b45309,0 12px 25px rgba(250,204,21,.3)}.game-btn:active{transform:translateY(-1px);border-bottom-width:2px;box-shadow:0 1px 0 #b45309}.game-btn.secondary{background:linear-gradient(180deg,var(--secondary) 0%,#db2777 100%);border-color:#9d174d;box-shadow:0 5px 0 #9d174d,0 8px 15px rgba(0,0,0,.3)}.game-btn.secondary:hover{box-shadow:0 7px 0 #9d174d,0 12px 25px rgba(244,114,182,.3)}.game-btn.secondary:active{box-shadow:0 1px 0 #9d174d}.game-btn:disabled{transform:translateY(0);border-bottom-width:2px;background:#6b7280;border-color:#374151;box-shadow:0 2px 0 #374151;cursor:not-allowed}.content-panel{background-color:var(--bg-panel);border-radius:var(--radius-lg);padding:2.5rem;margin-top:4rem;border:2px solid var(--bg-panel-light);box-shadow:0 10px 40px rgba(0,0,0,.4);position:relative}.content-panel h2{font-size:clamp(2rem,5vw,3rem);text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.panel-icon{width:48px;height:48px;color:var(--accent);filter:drop-shadow(0 0 10px var(--accent))}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2.5rem}.game-card{background:var(--text-title);border-radius:var(--radius-md);border:3px solid #e2e8f0;box-shadow:0 6px 0 #cbd5e1;transition:all .2s ease-in-out;text-decoration:none;opacity:0;transform:translateY(30px) scale(.95);animation:pop-in .5s cubic-bezier(.25,.46,.45,.94) forwards}.game-card:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 12px 0 #a78bfa,0 10px 25px rgba(0,0,0,.2);border-color:var(--primary)}.game-card-image-wrapper{background:var(--bg-dark-1);border-radius:var(--radius-sm);margin:8px;overflow:hidden}.game-card-image{width:100%;height:150px;object-fit:cover;transition:transform .4s ease}.game-card:hover .game-card-image{transform:scale(1.15)}.game-card-content{padding:.8rem 1rem 1.2rem;text-align:center}.game-card-content h3{font-size:1.2rem;color:var(--text-dark)}.site-header{padding:1.5rem 0;position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,rgba(16,15,28,.9) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:2.2rem;color:var(--text-title)}.logo svg{width:44px;height:44px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.main-nav ul{list-style:none;display:flex;gap:1.5rem}.main-nav a{font-family:var(--font-display);color:var(--text-light);font-size:1.1rem;transition:color .3s ease;padding-bottom:5px;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.search-bar{display:flex}.search-input{font-family:var(--font-body);font-size:1rem;font-weight:600;width:300px;padding:.8rem 1.2rem;border:2px solid var(--bg-panel-light);border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);background-color:var(--bg-panel);color:var(--text-light);transition:all .3s ease}.search-input::placeholder{color:#a5a2b8;font-weight:400}.search-input:focus{outline:none;background-color:var(--bg-dark-1);border-color:var(--primary)}.search-button{display:grid;place-items:center;padding:0 1.2rem;background:var(--bg-panel-light);border:2px solid var(--bg-panel-light);color:var(--text-title);cursor:pointer;border-radius:0 var(--radius-md) var(--radius-md) 0;transition:background-color .3s ease}.search-button:hover{background-color:var(--primary)}.site-footer{background-color:var(--bg-dark-2);padding:3.5rem 0 2.5rem;margin-top:6rem;text-align:center;border-top:4px solid var(--bg-panel)}.footer-logo{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:2rem;color:var(--text-title);margin-bottom:1.5rem}.footer-logo svg{width:32px;height:32px}.footer-links{list-style:none;display:flex;gap:1.5rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-light);font-weight:600;transition:color .2s}.footer-links a:hover{color:var(--accent)}.copyright{font-size:.9rem;color:#a5a2b8}.hero{text-align:center;padding:5rem 1.5rem 7rem;position:relative;z-index:1}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.6}.hero h1{font-size:clamp(3rem,7vw,5.5rem);letter-spacing:2px}.hero .hero-subtitle{font-size:1.4rem;max-width:650px;margin:1.5rem auto 2.5rem;font-weight:600;color:var(--text-light)}.hero-title-accent{color:var(--accent)}.load-more-container{text-align:center;margin-top:3.5rem}.page-header{text-align:center;padding:4rem 1.5rem;border-bottom:2px solid var(--bg-panel);margin-bottom:2rem}.page-header h1{font-size:clamp(2.5rem,6vw,4rem)}.page-header .subtitle{font-size:1.2rem;color:var(--text-light);max-width:800px;margin:1rem auto 0;font-weight:400}.content-panel>p{font-size:1.1rem;line-height:1.8;color:var(--text-light);max-width:800px;margin:0 auto 1.5rem;text-align:center}.game-play-area{margin-top:2rem;margin-bottom:4rem}.game-meta{margin-bottom:1.5rem;text-align:center}.game-meta h1{font-size:clamp(2rem,5vw,3.5rem);color:var(--text-title);text-shadow:0 4px 15px rgba(0,0,0,.3)}.game-frame-container{position:relative;width:100%;max-width:1280px;margin:0 auto;background-color:#000;border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(0,0,0,.5);overflow:hidden;aspect-ratio:16 / 9}.game-frame-container:fullscreen,.game-frame-container:-webkit-full-screen,.game-frame-container:-moz-full-screen{max-width:none;aspect-ratio:auto}#game-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.game-controls{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 0;max-width:1280px;margin:0 auto}.control-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--text-light);background-color:var(--bg-panel-light);padding:.7rem 1.5rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .3s ease}.control-btn:hover{background-color:var(--primary);color:var(--text-title);border-color:var(--primary-dark);transform:translateY(-2px)}.control-btn svg{width:20px;height:20px}.contact-form{display:flex;flex-direction:column;gap:1.5rem;max-width:700px;margin:0 auto}.form-group{display:flex;flex-direction:column}.form-group label{font-family:var(--font-display);color:var(--primary);margin-bottom:.5rem;font-size:1.1rem}.form-input,.form-textarea{width:100%;background-color:var(--bg-dark-1);color:var(--text-light);padding:.9rem 1.2rem;border:2px solid var(--bg-panel-light);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary)}.form-textarea{min-height:150px;resize:vertical}.contact-info{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:1rem}.social-link{color:var(--text-light);transition:color .3s,transform .3s}.social-link:hover{color:var(--accent);transform:scale(1.1)}.social-link svg{width:36px;height:36px}.legal-content{max-width:900px;margin:0 auto}.legal-content h3{font-size:1.8rem;color:var(--primary);margin-top:2.5rem;margin-bottom:1rem}.legal-content h4{font-size:1.2rem;color:var(--secondary);margin-top:2rem;margin-bottom:.75rem}.legal-content p{font-size:1rem;line-height:1.7;margin-bottom:1rem;text-align:left}.legal-content ul{list-style-type:disc;padding-left:2rem;margin-bottom:1rem}.legal-content li{margin-bottom:.5rem}.legal-content strong{color:var(--text-title);font-weight:600}.legal-content a{text-decoration:underline;text-underline-offset:4px}.legal-content .last-updated{font-style:italic;color:#a5a2b8;margin-bottom:2rem;display:block;text-align:left}@keyframes pop-in{to{opacity:1;transform:translateY(0) scale(1)}}#backToTopBtn{position:fixed;bottom:25px;right:25px;width:60px;height:60px;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translateY(20px) scale(.8);z-index:999;border:none;padding:0;background:none;cursor:pointer}#backToTopBtn.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}#backToTopBtn:hover svg{transform:scale(1.1)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.container{padding:0 1rem}.header-content{flex-direction:column;gap:1.5rem}.main-nav{display:none}.search-bar{width:100%;max-width:400px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.content-panel{padding:1.5rem}h2{font-size:2.2rem}}@media (max-width:480px){.game-grid{gap:1rem}.content-panel{padding:1.5rem 1rem}.hero,.page-header{padding:4rem 1rem}.game-play-area{margin-top:1rem}.game-frame-container{border-radius:0}}