@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--surface: #13131a;--surface-hover: #1a1a24;--border: #23232f;--text: #eaeaf0;--text-muted: #8888a0;--accent: #c850f2;--accent-glow: rgba(200, 80, 242, .35);--gradient-start: #c850f2;--gradient-end: #4f6ef7;--radius: 12px;--radius-lg: 20px;--nav-height: 64px;--max-width: 1280px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,3rem);background:#0a0a0fd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-left,.navbar-center,.navbar-right{display:flex;align-items:center}.navbar-left{flex:1;justify-content:flex-start}.navbar-center{flex:1;justify-content:center;gap:2rem}.navbar-right{flex:1;justify-content:flex-end}.navbar-brand{display:flex;align-items:center}.gala-logo{max-width:180px;width:100%;max-height:50px;display:block}.gala-logo path{fill:#fff}.nav-link{font-size:.9rem;font-weight:600;color:#ffffff80;transition:color .2s;white-space:nowrap}.nav-link:hover{color:#fff}.navbar-center .nav-link{color:#ffffff80}.navbar-center .nav-link:hover{color:#fff}@media (max-width: 768px){.gala-logo{max-width:130px}.navbar-center{gap:1rem}.nav-link{font-size:.8rem}}@media (max-width: 480px){.gala-logo{max-width:110px}.navbar-center{gap:.75rem}}.featured-hero{position:relative;margin-top:var(--nav-height);height:75vh;min-height:480px;max-height:720px;overflow:hidden;display:flex;align-items:flex-end}.featured-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;transition:opacity .5s ease;opacity:0;transform:scale(1.03);animation:heroZoom 12s ease-in-out infinite alternate}.featured-bg.visible{opacity:1}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}.featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(10,10,15,.85) 0%,rgba(10,10,15,.3) 50%,transparent 100%),linear-gradient(to top,var(--bg) 0%,transparent 40%);z-index:1}.featured-content{position:relative;z-index:2;width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1rem,4vw,3rem) 4rem}.featured-info{max-width:520px;transition:opacity .4s ease,transform .4s ease;opacity:0;transform:translateY(16px)}.featured-info.visible{opacity:1;transform:translateY(0)}.featured-logo{max-width:280px;margin-bottom:1rem;filter:drop-shadow(0 2px 20px rgba(0,0,0,.5))}.featured-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;margin-bottom:.75rem}.featured-genre{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:4px 12px;border-radius:6px;background:#c850f240;color:#d9a0ff;margin-bottom:1rem}.featured-desc{font-size:.95rem;line-height:1.7;color:#ffffffa6;margin-bottom:1.5rem}.btn-play{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:.9rem;font-weight:700;color:#fff;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px var(--accent-glow);text-transform:uppercase;letter-spacing:.05em}.btn-play:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-glow)}.featured-dots{position:absolute;bottom:2rem;right:clamp(1rem,4vw,3rem);z-index:3;display:flex;gap:8px}.featured-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:transparent;cursor:pointer;transition:background .3s,border-color .3s,transform .2s;padding:0}.featured-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.2)}.featured-dot:hover:not(.active){border-color:#fffc}.games-section{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:4rem clamp(1rem,4vw,3rem) 3rem}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.75rem;letter-spacing:-.01em}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem}.game-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s,border-color .35s;cursor:pointer;animation:cardEnter .6s ease-out both}@keyframes cardEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.game-card:hover{transform:translateY(-8px);border-color:#c850f259;box-shadow:0 24px 60px -12px #0009,0 0 0 1px #c850f226,0 0 40px -8px var(--accent-glow)}.game-card-image{position:relative;aspect-ratio:16 / 9;overflow:hidden}.game-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.game-card:hover .game-card-image img{transform:scale(1.08)}.game-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0fe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;transition:opacity .35s ease}.game-card:hover .game-card-overlay{opacity:1}.game-card-hover-info{text-align:center}.game-card-hover-info p{font-size:.9rem;line-height:1.7;color:#ffffffe6;font-weight:400;margin-bottom:1rem}.game-card-cta{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;padding:8px 20px;border-radius:8px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));transition:transform .2s,box-shadow .2s}.game-card:hover .game-card-cta{box-shadow:0 4px 16px var(--accent-glow)}.game-card-info{padding:1rem 1.25rem 1.25rem;display:flex;align-items:center;gap:.75rem}.game-card-genre{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:5px;background:#c850f233;color:#d9a0ff;flex-shrink:0}.game-card-info h3{font-size:1.1rem;font-weight:700}.cta-banner{position:relative;z-index:1;margin:2rem 0 0;padding:5rem 2rem;text-align:center;background:radial-gradient(ellipse at 50% 50%,rgba(200,80,242,.08) 0%,transparent 70%);border-top:1px solid var(--border)}.cta-content h2{font-size:clamp(2rem,4vw,2.75rem);font-weight:900;margin-bottom:.75rem;background:linear-gradient(135deg,#fff 30%,var(--gradient-start));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-content p{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem}.site-footer{position:relative;z-index:1;border-top:1px solid var(--border);background:var(--surface);padding:3rem clamp(1rem,4vw,3rem) 1.5rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem}.footer-logo-link{display:block}.footer-gala-logo{max-width:160px;width:100%;max-height:44px;display:block}.footer-brand p{color:var(--text-muted);font-size:.85rem;margin-top:.35rem}.footer-links{display:flex;gap:2rem}.footer-links a{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--text)}.footer-bottom{max-width:var(--max-width);margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid var(--border);text-align:center}.footer-bottom span{font-size:.75rem;color:#ffffff40}.game-detail{margin-top:var(--nav-height);min-height:calc(100vh - var(--nav-height))}.game-detail.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.game-hero{position:relative;width:100%;height:480px;background-size:cover;background-position:center}.game-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center 40%,#0a0a0f33,#0a0a0fb3 70%),linear-gradient(to bottom,rgba(10,10,15,.1) 0%,var(--bg) 100%)}.game-hero-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2}.game-title-logo{max-width:380px;width:60%;filter:drop-shadow(0 4px 40px rgba(0,0,0,.6));animation:fadeInUp .8s ease-out}.game-hero-title{font-size:clamp(3rem,6vw,5rem);font-weight:900;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.6);animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-detail-content{position:relative;max-width:var(--max-width);margin:-4rem auto 0;padding:0 clamp(1rem,4vw,3rem) 5rem;z-index:3}.btn-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .2s;margin-bottom:2rem}.btn-back:hover{color:var(--text)}.game-detail-header{display:flex;gap:3rem;align-items:flex-start}.game-detail-text{flex:1 1 420px;min-width:0}.game-genre-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:5px 14px;border-radius:8px;background:linear-gradient(135deg,#c850f233,#4f6ef733);color:#c9a0ff;margin-bottom:1rem}.game-detail-text h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin-bottom:1.25rem}.game-description{font-size:1.05rem;line-height:1.8;color:var(--text-muted);max-width:640px}.game-features{list-style:none;margin-top:1.75rem;display:flex;flex-direction:column;gap:.75rem}.game-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-muted)}.game-features li svg{flex-shrink:0;color:var(--accent)}.game-detail-actions{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:1rem}.game-feature-images{display:flex;gap:1rem}.feature-img{width:160px;border-radius:var(--radius);border:1px solid var(--border);transition:transform .3s,box-shadow .3s}.feature-img:hover{transform:scale(1.04);box-shadow:0 8px 30px #0006}.btn-launch{display:inline-flex;align-items:center;gap:10px;padding:16px 44px;font-size:1rem;font-weight:700;color:#fff;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px var(--accent-glow);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.btn-launch:hover{transform:translateY(-2px);box-shadow:0 8px 36px var(--accent-glow)}.btn-launch:active{transform:translateY(0)}.btn-coming-soon{display:inline-flex;align-items:center;justify-content:center;padding:16px 44px;font-size:1rem;font-weight:700;color:var(--text-muted);border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;cursor:default;white-space:nowrap}.game-gallery-section{margin-top:4rem}.carousel{display:flex;flex-direction:column;gap:1rem}.carousel-viewport{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border)}.carousel-viewport img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#0a0a0fa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s;z-index:2}.carousel-btn:hover{background:#c850f280;transform:translateY(-50%) scale(1.08)}.carousel-prev{left:12px}.carousel-next{right:12px}.carousel-counter{position:absolute;bottom:12px;right:16px;font-size:.75rem;font-weight:600;color:#ffffffb3;background:#0a0a0f99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:4px 12px;border-radius:6px}.carousel-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.carousel-thumbs::-webkit-scrollbar{height:6px}.carousel-thumbs::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.carousel-thumb{flex-shrink:0;width:100px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;opacity:.5;transition:opacity .2s,border-color .2s;background:none;padding:0}.carousel-thumb:hover{opacity:.8}.carousel-thumb.active{opacity:1;border-color:var(--accent)}.carousel-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width: 900px){.game-detail-header{flex-direction:column;gap:2rem}.game-detail-actions{align-items:flex-start;padding-top:0}.feature-img{width:130px}.featured-hero{height:60vh;min-height:380px}.featured-logo{max-width:200px}}@media (max-width: 640px){.games-grid{grid-template-columns:1fr}.game-hero{height:300px}.game-title-logo{width:70%}.game-feature-images{flex-direction:row}.feature-img{width:110px}.carousel-thumb{width:72px}.featured-hero{height:55vh;min-height:340px}.featured-logo{max-width:160px}.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}