*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-primary: #1c1d1f;--bg-secondary: #141516;--bg-elevated: #26282a;--text-primary: #f3f1ee;--text-secondary: #b8b4ae;--accent: #8a8680;--border-subtle: rgba(243, 241, 238, .08);--border-strong: rgba(243, 241, 238, .22);--glow: rgba(200, 190, 170, .12);--font-display: "Syne", sans-serif;--font-body: "Manrope", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.75rem;--spacing-lg: 3.5rem;--spacing-xl: 5.5rem;--max-width: 1100px;--nav-height: 4rem;--touch-target-min: 44px;--ease-out: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.65;letter-spacing:.01em;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-wrap:break-word;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(90,82,70,.22),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(40,38,36,.5),transparent 50%);background-attachment:fixed;transition:background-color .35s var(--ease-out),color .35s var(--ease-out)}body.theme-studio{--bg-primary: #f2ede8;--bg-secondary: #ebe4dc;--bg-elevated: #e4dbd2;--text-primary: #433935;--text-secondary: #6a5f58;--accent: #8a7c72;--border-subtle: rgba(67, 57, 53, .1);--border-strong: rgba(67, 57, 53, .28);--glow: rgba(67, 57, 53, .06);background-image:radial-gradient(ellipse 70% 45% at 50% 0%,rgba(255,255,255,.55),transparent 60%)}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);background-color:color-mix(in srgb,var(--bg-primary) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);height:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.nav-logo{text-decoration:none;min-height:var(--touch-target-min);min-width:var(--touch-target-min);display:inline-flex;align-items:center;flex-shrink:0;transition:opacity .2s ease}.nav-logo:hover{opacity:.75}.nav-logo-img{height:2.35rem;width:auto;object-fit:contain;display:block;filter:brightness(0) invert(1)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:6px;width:var(--touch-target-min);height:var(--touch-target-min);border:0;background:transparent;cursor:pointer;padding:0}.nav-toggle-bar{display:block;width:22px;height:1.5px;background:var(--text-primary);margin-inline:auto;transition:transform .25s var(--ease-out),opacity .2s ease}body.nav-open .nav-toggle-bar:first-child{transform:translateY(3.75px) rotate(45deg)}body.nav-open .nav-toggle-bar:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav-menu{display:flex;list-style:none;gap:.25rem;align-items:center}.nav-link{text-decoration:none;color:var(--text-secondary);font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:.65rem .85rem;min-height:var(--touch-target-min);display:inline-flex;align-items:center;transition:color .2s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.35rem;height:1px;background:var(--text-primary);opacity:.55}.main{flex:1;width:100%;padding:var(--spacing-lg) var(--spacing-md)}.content{max-width:var(--max-width);margin:0 auto;width:100%}.hero{position:relative;text-align:center;padding:clamp(1.25rem,5vh,3.5rem) 0 clamp(2rem,6vh,4rem);max-width:42rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:calc(100svh - var(--nav-height) - 5.5rem);justify-content:center}.hero-glow{position:absolute;inset:10% 5% auto;height:55%;background:radial-gradient(ellipse at center,var(--glow),transparent 70%);pointer-events:none;z-index:0;animation:glow-pulse 7s ease-in-out infinite}.hero-logo-img{position:relative;z-index:1;width:min(100%,22rem);height:auto;object-fit:contain;margin:0 auto 1.5rem;display:block;filter:brightness(0) invert(1);animation:fade-rise .9s var(--ease-out) both}.hero-slogan{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(1rem,2.8vw,1.35rem);font-weight:500;letter-spacing:.18em;color:var(--text-primary);margin-bottom:.85rem;text-transform:uppercase;animation:fade-rise .9s var(--ease-out) .12s both}.hero-tagline{position:relative;z-index:1;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:300;color:var(--text-secondary);letter-spacing:.02em;margin-bottom:2.25rem;line-height:1.7;max-width:28rem;animation:fade-rise .9s var(--ease-out) .22s both}.hero .btn{position:relative;z-index:1;animation:fade-rise .9s var(--ease-out) .32s both}@keyframes fade-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.btn{display:inline-flex;padding:.95rem 2.25rem;background-color:transparent;border:1px solid var(--border-strong);color:var(--text-primary);text-decoration:none;font-family:var(--font-display);font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:border-color .25s ease,background-color .25s ease,transform .25s var(--ease-out);cursor:pointer;min-height:var(--touch-target-min);align-items:center;justify-content:center;text-align:center}.btn:hover{border-color:var(--text-primary);background-color:color-mix(in srgb,var(--text-primary) 6%,transparent)}.btn:active{transform:scale(.98)}.btn-primary{border-color:var(--text-primary)}.games-section{padding:var(--spacing-sm) 0 var(--spacing-lg)}.section-title,.page-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;letter-spacing:.08em;margin-bottom:var(--spacing-md);text-align:center}.genre-selector{display:flex;justify-content:center;gap:.5rem;margin-bottom:var(--spacing-md);flex-wrap:wrap}.genre-btn{padding:.7rem 1.35rem;background-color:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-display);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:border-color .2s ease,color .2s ease,background-color .2s ease;cursor:pointer;min-height:var(--touch-target-min);display:inline-flex;align-items:center;justify-content:center}.genre-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.genre-btn.active{border-color:var(--text-primary);color:var(--text-primary);background-color:color-mix(in srgb,var(--text-primary) 7%,transparent)}.genre-content{min-height:12rem;animation:fade-rise .45s var(--ease-out) both}.games-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%;max-width:32rem;margin:0 auto;justify-items:stretch}.coming-soon{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);padding:var(--spacing-xl);text-align:center}.coming-soon-text{font-family:var(--font-display);font-size:1rem;color:var(--text-secondary);letter-spacing:.14em;text-transform:uppercase}.game-card{background-color:var(--bg-secondary);border:1px solid var(--border-subtle);overflow:hidden;width:100%;transition:border-color .25s ease,transform .35s var(--ease-out)}.game-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.game-media{width:100%;aspect-ratio:16 / 10;background:var(--bg-elevated);overflow:hidden}.game-title-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.game-art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:radial-gradient(ellipse at 30% 20%,rgba(180,160,120,.18),transparent 55%),linear-gradient(160deg,#1e1c1a,#141312);text-align:center}body.theme-studio .game-art-placeholder{background:linear-gradient(160deg,#e8dfd4,#d9cfc4)}.game-art-placeholder span{font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.45rem);font-weight:500;letter-spacing:.06em;color:var(--text-primary);max-width:14ch;line-height:1.3}.game-body{padding:var(--spacing-md)}.game-series{font-size:.72rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem}.game-title{font-family:var(--font-display);font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:500;letter-spacing:.03em;margin-bottom:.65rem;line-height:1.3}.game-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.7;font-size:.95rem}.game-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.game-status{font-size:.72rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.game-play-btn{padding:.75rem 1.75rem;font-size:.75rem}.page-section{max-width:38rem;margin:0 auto;padding:var(--spacing-sm) 0 var(--spacing-lg)}.page-content{color:var(--text-secondary);line-height:1.85;font-size:1.05rem}.page-content p{margin-bottom:var(--spacing-md)}.page-content strong{color:var(--text-primary);font-weight:600}.about-pull{border:0;margin:0 0 var(--spacing-md);padding:1.25rem 0 1.25rem 1.15rem;border-left:1px solid var(--border-strong)}.about-pull p{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:400;letter-spacing:.02em;color:var(--text-primary);line-height:1.55}.studio-page{max-width:36rem;margin:0 auto;padding:clamp(1.5rem,6vh,4rem) 0;text-align:center;display:flex;flex-direction:column;align-items:center;animation:fade-rise .8s var(--ease-out) both}.studio-mark{width:min(100%,22rem);margin-bottom:1.75rem}.studio-title-img{width:100%;height:auto;object-fit:contain;display:block;filter:none}body.theme-studio .nav-logo-img{filter:none}.studio-lead{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;max-width:26rem;margin-bottom:2.25rem}.studio-cta{margin-top:.25rem}.site-footer{padding:var(--spacing-md);border-top:1px solid var(--border-subtle);text-align:center}.site-footer-text{font-size:.75rem;letter-spacing:.08em;color:var(--text-secondary);text-transform:uppercase}.site-footer a{color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-subtle);transition:border-color .2s ease}.site-footer a:hover{border-color:var(--text-primary)}@media (max-width: 768px){:root{--nav-height: 3.5rem;--spacing-md: 1.15rem;--spacing-lg: 2.5rem;--spacing-xl: 3.5rem}.nav-toggle{display:flex}.nav-menu{position:fixed;inset:var(--nav-height) 0 auto;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 0 1rem;background:color-mix(in srgb,var(--bg-primary) 96%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s var(--ease-out)}body.nav-open .nav-menu{opacity:1;transform:translateY(0);pointer-events:auto}.nav-menu li{width:100%}.nav-link{width:100%;justify-content:center;padding:1rem;letter-spacing:.16em}.nav-link.active:after{display:none}.main{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)}.hero-logo-img{width:min(100%,16.5rem);margin-bottom:1.25rem}.btn{width:100%;max-width:20rem}.hero .btn{width:min(100%,16rem)}.genre-selector{width:100%}.genre-btn{flex:1 1 auto;min-width:0;padding:.7rem .65rem;font-size:.68rem}.games-grid{max-width:none}.game-meta{flex-direction:column;align-items:stretch}.game-play-btn{width:100%;max-width:none}.game-body{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.page-content{font-size:1rem}}@media (min-width: 900px){.games-grid{max-width:42rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}