:root{--ink: #1a1c23;--ink-muted: #5c616b;--paper: #ffffff;--paper-soft: #f6f7f9;--line: #e6e8ec;--accent: #e11d48;--accent-deep: #be123c;--ivy: #2f6b3a;--ivy-soft: #3f8a4d;--gold: #c08a2e;--gold-hover: #d9a03a;--shadow: 0 18px 50px rgba(26, 28, 35, .08);--font-display: "Montserrat", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Open Sans", "Segoe UI", sans-serif;--max: 920px;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);font-size:1.05rem;line-height:1.65;background:radial-gradient(900px 420px at 50% -120px,rgba(47,107,58,.08),transparent 60%),linear-gradient(180deg,var(--paper) 0%,var(--paper-soft) 100%)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--ivy);text-underline-offset:.15em}a:hover{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 .75rem;color:var(--ink)}p{margin:0 0 1rem;color:var(--ink-muted)}.staging-banner{background:var(--ink);color:#fff;text-align:center;font-size:.85rem;font-weight:600;letter-spacing:.04em;padding:.55rem 1rem}.staging-banner span{color:#86efac}.site-header{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.site-header__inner{max-width:var(--max);margin:0 auto;padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-family:var(--font-display);font-weight:800;font-size:1.15rem;color:var(--ink);text-decoration:none;letter-spacing:-.03em}.brand span{color:var(--ivy)}.nav{display:flex;gap:1.1rem;align-items:center}.nav a{color:var(--ink-muted);text-decoration:none;font-weight:600;font-size:.92rem}.nav a:hover,.nav a.active{color:var(--ink)}.main{flex:1}.studio-hero{max-width:var(--max);margin:0 auto;padding:4.5rem 1.25rem 2.5rem;text-align:center;animation:rise .8s var(--ease) both}.studio-hero__mark{width:min(112px,28vw);height:auto;margin:0 auto 1.35rem;animation:float-in 1s var(--ease) both;border-radius:24%;box-shadow:var(--shadow)}.studio-hero__brand{font-size:clamp(2.6rem,8vw,4.4rem);margin-bottom:.65rem}.studio-hero__brand em{font-style:normal;color:var(--ivy)}.studio-hero__tag{max-width:34ch;margin:0 auto;font-size:1.12rem}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.games-stack{max-width:var(--max);margin:0 auto;padding:1rem 1.25rem 4rem;display:grid;gap:3.5rem}.game-block{display:grid;justify-items:center;text-align:center;gap:1.1rem;padding:2rem 1rem 2.4rem;border-top:1px solid var(--line);animation:rise .75s var(--ease) both}.game-block:nth-child(2){animation-delay:.08s}.game-block__icon{width:min(168px,42vw);aspect-ratio:1;border-radius:28%;box-shadow:var(--shadow);background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 42%),repeating-linear-gradient(90deg,#2f6b3a 0,#2f6b3a 12.5%,#e11d48 12.5%,#e11d48 25%,#1a1c23 25%,#1a1c23 37.5%,#f6f7f9 37.5%,#f6f7f9 50%,#3f8a4d 50%,#3f8a4d 62.5%,#c08a2e 62.5%,#c08a2e 75%,#5c616b 75%,#5c616b 87.5%,#fff 87.5%,#fff);background-size:100% 100%,180% 180%;animation:patch-drift 22s linear infinite}@keyframes patch-drift{0%{background-position:0 0,0 0}to{background-position:0 0,35% 18%}}.game-block h2{font-size:clamp(1.7rem,4vw,2.35rem);max-width:18ch}.game-block__body{max-width:54ch;margin:0 auto;font-size:1.02rem}.store-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.35rem}.store-badge{display:inline-flex;align-items:center;justify-content:center;min-width:148px;padding:.78rem 1.15rem;border-radius:10px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:.92rem;letter-spacing:-.01em;transition:transform .2s var(--ease),background .2s var(--ease)}.store-badge:hover{transform:translateY(-1px)}.store-badge--play{background:var(--gold);color:#fff}.store-badge--play:hover{background:var(--gold-hover);color:#fff}.store-badge--ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.store-badge--ghost:hover{border-color:var(--ink);color:var(--ink)}.page-wrap{max-width:var(--max);margin:0 auto;padding:3rem 1.25rem 4rem;animation:rise .7s var(--ease) both}.page-wrap h1{font-size:clamp(2rem,5vw,3rem)}.prose{max-width:62ch}.prose h2{margin-top:2rem;font-size:1.25rem;font-weight:700}.status{max-width:var(--max);margin:0 auto 1rem;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink-muted);text-align:center}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:auto}.site-footer__inner{max-width:var(--max);margin:0 auto;padding:1.5rem 1.25rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;color:var(--ink-muted);font-size:.95rem}.site-footer nav{display:flex;gap:1.15rem}.site-footer a{color:var(--ink-muted);text-decoration:none;font-weight:600}.site-footer a:hover{color:var(--ink)}@media(max-width:640px){.studio-hero{padding-top:3rem}.nav{gap:.75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}