:root{--bg: #0b0b0c;--surface: rgba(20, 22, 24, .78);--surface-solid: #141618;--border: rgba(255, 255, 255, .08);--text: #e9ecee;--muted: #a4adb3;--brand: #255968;--accent: #4cc3d6;--accent-ink: #062a31;--radius: 14px;--maxw: 1120px;--header-h: 64px;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "Roboto Condensed", "Arial Narrow", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 8px);-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:400 1rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#7ad7e5}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.bg-parallax{position:fixed;inset:0;z-index:-2;background-color:var(--bg);background-image:url(/assets/pattern-DBhycOh9.jpg);background-size:728px 352px;background-repeat:repeat;background-position:center var(--bg-y, 0px);will-change:background-position}.bg-parallax:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 50% -10%,rgba(37,89,104,.35),transparent 60%),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);display:flex;align-items:center;background:#0b0b0c8c;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid transparent;transition:background .25s,border-color .25s}.site-header.scrolled{background:#0b0b0ce0;border-bottom-color:var(--border)}.header-inner{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:700 1.15rem/1 var(--font-head);letter-spacing:.02em}.brand img{width:34px;height:34px}.brand:hover{color:#fff}.nav-links{display:flex;gap:4px;list-style:none;margin:0;padding:0}.nav-links a{display:block;padding:8px 14px;border-radius:999px;color:var(--muted);text-decoration:none;font:500 .95rem/1 var(--font-body);transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:#ffffff0f}.nav-links a.active{color:var(--accent-ink);background:var(--accent)}.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:10px;padding:0;background:transparent;color:var(--text);cursor:pointer}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:22px;height:2px;margin:0 auto;background:currentColor;border-radius:2px;position:relative;transition:transform .25s,opacity .2s}.nav-toggle span:before,.nav-toggle span:after{content:"";position:absolute;left:0}.nav-toggle span:before{top:-7px}.nav-toggle span:after{top:7px}.nav-open .nav-toggle span{background:transparent}.nav-open .nav-toggle span:before{transform:translateY(7px) rotate(45deg)}.nav-open .nav-toggle span:after{transform:translateY(-7px) rotate(-45deg)}@media (max-width: 720px){.nav-toggle{display:block;order:3;margin-right:-8px}.nav-links{position:fixed;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;padding:8px 16px 16px;background:#0b0b0cf5;border-bottom:1px solid var(--border);transform:translateY(-8px);opacity:0;visibility:hidden;transition:transform .2s,opacity .2s,visibility .2s}.nav-open .nav-links{transform:none;opacity:1;visibility:visible}.nav-links a{padding:14px 12px;border-radius:10px;font-size:1.05rem}}main{display:block}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.section{padding:clamp(64px,10vw,112px) 0}.section-head{text-align:center;max-width:720px;margin:0 auto clamp(32px,5vw,48px)}.section-head h2{margin:0 0 12px;font:700 clamp(2rem,4.5vw,2.75rem)/1.1 var(--font-head);letter-spacing:.04em;text-transform:uppercase}.section-head h2:after{content:"";display:block;width:48px;height:3px;margin:14px auto 0;background:var(--accent);border-radius:3px}.section-head p{margin:0;color:var(--muted);font-size:1.05rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hero{min-height:100vh;min-height:100svh;display:grid;place-items:center;text-align:center;padding:calc(var(--header-h) + 24px) 20px 64px;position:relative}.hero-inner{will-change:transform,opacity}.hero-logo{width:clamp(180px,32vw,300px);margin:0 auto 24px;filter:drop-shadow(0 18px 40px rgba(76,195,214,.18))}.hero h1{margin:0;font:700 clamp(2.4rem,7vw,4.25rem)/1.05 var(--font-head);letter-spacing:.02em}.hero .tagline{margin:12px 0 32px;color:var(--muted);font-size:clamp(1.05rem,2.4vw,1.3rem)}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:26px;height:42px;border:2px solid rgba(255,255,255,.35);border-radius:14px}.scroll-cue:after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;background:var(--accent);border-radius:2px;animation:cue 1.8s ease-in-out infinite}@keyframes cue{0%{opacity:0;transform:translateY(0)}40%{opacity:1}to{opacity:0;transform:translateY(12px)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;border-radius:999px;font:600 .95rem/1 var(--font-body);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s,background .2s,color .2s,border-color .2s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:#6fd3e2;color:var(--accent-ink)}.btn-ghost{border-color:#ffffff38;color:var(--text);background:#ffffff08}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{min-height:40px;padding:8px 18px;font-size:.9rem}.about .panel{max-width:820px;margin:0 auto;padding:clamp(28px,5vw,48px);text-align:center}.about p{margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.75;color:#d5dbdf}.games-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.games-grid>.game-card{flex:1 1 260px;max-width:344px}@media (max-width: 600px){.games-grid>.game-card{max-width:420px}}.game-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover{transform:translateY(-4px);border-color:#4cc3d673;box-shadow:0 18px 40px #00000073}.game-card .art{aspect-ratio:1 / 1;background:#0e1012;overflow:hidden}.game-card .art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.game-card:hover .art img{transform:scale(1.04)}.game-card .body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}.game-card h3{margin:0;font:700 1.35rem/1.2 var(--font-head);letter-spacing:.02em}.game-card p{margin:0;color:var(--muted);flex:1}.game-card .tag{align-self:flex-start;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.game-card .btn{align-self:flex-start;margin-top:6px}.blog-card{max-width:720px;margin:0 auto;padding:clamp(24px,4vw,36px);display:flex;gap:24px;align-items:center}.blog-card .icon{flex:none;width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:#fff}.blog-card .icon img{width:36px;height:36px}.blog-card h3{margin:0 0 6px;font:700 1.3rem/1.2 var(--font-head)}.blog-card p{margin:0 0 14px;color:var(--muted)}@media (max-width: 560px){.blog-card{flex-direction:column;text-align:center}.blog-card .btn{margin:0 auto}}.contact .panel{max-width:720px;margin:0 auto;padding:clamp(28px,5vw,44px);text-align:center}.contact .email{display:inline-flex;align-items:center;gap:10px;font-size:clamp(1rem,4.2vw,1.15rem);font-weight:600;margin:4px 0 24px;overflow-wrap:anywhere}.socials{display:flex;justify-content:center;gap:12px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.socials a{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffffff0f;border:1px solid var(--border);transition:background .2s,border-color .2s,transform .2s}.socials a:hover{background:#4cc3d626;border-color:var(--accent);transform:translateY(-2px)}.socials img{width:22px;height:22px}.socials img.invert{filter:invert(1)}.site-footer{padding:32px 0 40px;border-top:1px solid var(--border);background:#080809d9;text-align:center;color:var(--muted);font-size:.9rem}.site-footer .brand{justify-content:center;margin-bottom:10px;font-size:1rem}.site-footer .brand img{width:28px;height:28px}.site-footer p{margin:0}@media (max-width: 720px){.site-footer{padding-bottom:84px}}.to-top{position:fixed;right:18px;bottom:18px;z-index:40;width:46px;height:46px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px #0006;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s}.to-top.show{opacity:1;visibility:visible;transform:none}.to-top svg{width:20px;height:20px}.placeholder{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:calc(var(--header-h) + 32px) 20px 48px}.placeholder .panel{max-width:560px;width:100%;padding:clamp(28px,6vw,48px);text-align:center}.placeholder .art{width:min(220px,60%);margin:0 auto 24px;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #00000080}.placeholder h1{margin:0 0 8px;font:700 clamp(2rem,6vw,2.6rem)/1.1 var(--font-head)}.placeholder .badge{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1b1400;background:#f5c542}.placeholder p{margin:0 0 24px;color:var(--muted)}.placeholder .code{font:700 clamp(4rem,16vw,6rem)/1 var(--font-head);color:var(--accent);margin-bottom:8px}.game-page{padding:calc(var(--header-h) + 32px) 0 72px}.game-hero{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:clamp(24px,5vw,56px);align-items:center;padding-top:16px;padding-bottom:40px}.game-logo{width:100%;max-width:300px;margin:0 auto;filter:drop-shadow(0 16px 40px rgba(0,0,0,.5))}.game-intro h1{margin:0 0 12px;font:700 clamp(2.4rem,6vw,3.6rem)/1.05 var(--font-head);letter-spacing:.01em}.game-intro .lede{margin:0 0 24px;color:#d5dbdf;font-size:clamp(1.05rem,2.2vw,1.25rem);max-width:560px}.game-intro .hero-actions{justify-content:flex-start}.badge{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.badge-soon{color:var(--accent-ink);background:var(--accent)}.game-section{margin-top:clamp(28px,5vw,48px)}.shot,.video{margin:0;overflow:hidden;padding:0}.shot img,.video video{display:block;width:100%;height:auto}.video video{background:#000;aspect-ratio:1280 / 606}.prose{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,44px)}.prose h2{margin:0 0 12px;font:700 1.6rem/1.2 var(--font-head)}.prose h2:not(:first-child){margin-top:28px}.prose p{margin:0 0 14px;color:#d5dbdf;font-size:1.05rem}.prose p:last-child{margin-bottom:0}.back-link{text-align:center;margin:32px 0 0}@media (max-width: 720px){.game-hero{grid-template-columns:1fr;text-align:center}.game-logo{max-width:220px}.game-intro .lede{margin-left:auto;margin-right:auto}.game-intro .hero-actions{justify-content:center}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in,.no-js .reveal{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}