*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}img,svg{display:block;max-width:100%;height:auto}a{color:inherit}ul{list-style:none;padding:0}button,input,label{font:inherit}body{font-family:nunito,system-ui,-apple-system,sans-serif;color:#c8b9e6;background:#120a1f;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,.brand-name{font-family:"baloo 2",system-ui,sans-serif;line-height:1.05;color:#fff6e6;letter-spacing:-.01em}.wrap{width:100%;max-width:1160px;margin-inline:auto;padding-inline:1.25rem}.section-title{font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;text-align:center}.section-title .hl{color:#ffc01e}.section-title.light{color:#fff6e6}.section-lede{max-width:44ch;margin:1rem auto 0;text-align:center;font-size:1.1rem;color:#c8b9e6}.section-lede.light{color:rgba(255,255,255,.9)}.hl{color:#ffc01e}.btn{--b:#ffc01e;display:inline-flex;flex-direction:column;align-items:flex-start;padding:.7rem 1.5rem;border-radius:999px;text-decoration:none;font-weight:800;line-height:1.15;cursor:pointer;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),filter .18s cubic-bezier(.22,.61,.36,1);box-shadow:0 10px 24px -10px var(--b)}.btn:hover{transform:translateY(-3px);filter:brightness(1.06)}.btn:active{transform:translateY(0)}.btn .btn-kicker{font-size:.72rem;font-weight:700;opacity:.82;letter-spacing:.02em}.btn .btn-store{font-size:1.15rem;font-family:"baloo 2",sans-serif}.btn-play{--b:#5ed02a;background:linear-gradient(160deg,#5ed02a,#2f9d14);color:#06210a}.btn-steam{--b:#3aa0ff;background:linear-gradient(160deg,#4aa8ff,#1d6fd4);color:#03142b}.btn-ghost{background:0 0;border:2px solid rgba(255,255,255,.3);color:#fff6e6;box-shadow:none;justify-content:center;align-items:center;flex-direction:row;gap:.4rem;font-family:"baloo 2",sans-serif}.btn-ghost:hover{border-color:#ffc01e;color:#ffc01e}.cta-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.cta-row.center{justify-content:center}.link-arrow{color:#ffc01e;font-weight:800;text-decoration:none}.link-arrow:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:50;transition:background .25s,box-shadow .25s,padding .25s;padding:.9rem 0}.site-header.is-scrolled{background:rgba(18,10,31,.82);backdrop-filter:blur(10px);box-shadow:0 1px rgba(255,255,255,6%),0 8px 30px -12px #000;padding:.55rem 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-mark{height:38px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.is-scrolled .brand-mark{height:32px}.site-nav ul{display:flex;align-items:center;gap:1.6rem}.site-nav a{text-decoration:none;font-weight:700;color:#c8b9e6;transition:color .15s}.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff6e6}.nav-cta{color:#ffc01e!important}.nav-toggle,.nav-burger{display:none}.nav-burger{width:42px;height:38px;border-radius:12px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center}.nav-burger span{width:22px;height:2.5px;background:#fff6e6;border-radius:2px;transition:.2s}.hero{position:relative;overflow:clip;padding:clamp(2rem,6vw,5rem)0 clamp(3rem,7vw,6rem);background:radial-gradient(120% 90% at 80% -10%,rgba(123,72,255,.55),transparent 60%),radial-gradient(90% 80% at 0% 10%,rgba(58,160,255,.28),transparent 55%),linear-gradient(180deg,#190f31,#120a1f 75%)}.hero-bg{position:absolute;inset:0;pointer-events:none}.bubble{position:absolute;border-radius:50%;opacity:.5;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.9),rgba(58,160,255,.35) 45%,rgba(58,160,255,0) 70%);animation:float 9s ease-in-out infinite}.b1{width:120px;height:120px;left:8%;top:22%}.b2{width:60px;height:60px;left:40%;top:12%;animation-delay:-2s}.b3{width:180px;height:180px;right:6%;top:40%;animation-delay:-4s;opacity:.35}.b4{width:40px;height:40px;right:30%;top:18%;animation-delay:-1s}.b5{width:90px;height:90px;left:20%;bottom:8%;animation-delay:-5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem;color:#ffc01e}.hero-title{font-size:clamp(2.5rem,6.4vw,4.6rem);font-weight:800;margin:.6rem 0 1rem;text-shadow:0 6px 0 rgba(0,0,0,.18)}.hero-lede{font-size:clamp(1.05rem,1.6vw,1.25rem);max-width:42ch;color:#c8b9e6}.hero-note{margin-top:1.2rem;font-size:.95rem;color:#8f80b5}.hero-note a{color:#ffc01e}.hero-art{position:relative}.hero-cover{width:100%;border-radius:28px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,5%);transform:rotate(-1.5deg)}.hero-creatures{position:absolute;bottom:-36px;left:-28px;width:58%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.55));animation:bobble 6s ease-in-out infinite}@keyframes bobble{0%,100%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(-1.5deg)}}.mechanic{padding:clamp(3.5rem,8vw,6rem)0}.feature-grid{margin-top:2.6rem;display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr)}.feature{background:linear-gradient(180deg,#241640,#1b1030);border:1px solid rgba(255,255,255,6%);border-radius:18px;padding:1.5rem 1.3rem;transition:transform .2s cubic-bezier(.22,.61,.36,1),border-color .2s}.feature:hover{transform:translateY(-5px);border-color:rgba(255,192,30,.5)}.feature h3{color:#fff6e6;font-size:1.2rem;margin:.7rem 0 .4rem}.feature p{font-size:.96rem;color:#c8b9e6}.feature-ico{font-size:2rem;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.gallery{padding:clamp(2rem,5vw,3.5rem)0 clamp(3rem,7vw,5rem)}.gallery .section-title{margin-bottom:2rem}.gallery-strip{display:flex;gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.5rem clamp(1.25rem,calc(50vw - 580px),50vw);-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery-strip::-webkit-scrollbar{display:none}.shot{flex:none;width:82vw;max-width:560px;scroll-snap-align:center;margin:0}.shot img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,8%);box-shadow:0 18px 40px -18px #000}.creatures{position:relative;padding:clamp(3.5rem,8vw,6rem)0;overflow:hidden;background-image:var(--bg);background-size:cover;background-position:50%;background-attachment:fixed}.creatures-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,10,31,.82),rgba(18,10,31,.62) 50%,rgba(18,10,31,.9))}.creatures .wrap{position:relative}.creature-row{margin-top:2.5rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(.5rem,3vw,2rem)}.creature img{height:clamp(96px,15vw,190px);width:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.6));transition:transform .25s cubic-bezier(.22,.61,.36,1)}.creature:hover img{transform:translateY(-10px)scale(1.05)}.studio{padding:clamp(3.5rem,8vw,6rem)0}.studio-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:2.5rem;align-items:center}.studio-copy .section-title{text-align:left}.studio-copy p{margin-top:1rem}.studio-logo{width:100%;max-width:260px;margin-inline:auto;filter:drop-shadow(0 10px 24px rgba(255,192,30,.25))}.notify{padding:clamp(3.5rem,8vw,5.5rem)0}.notify-inner{background:radial-gradient(120% 140% at 50% -20%,rgba(123,72,255,.5),#1b1030);border:1px solid rgba(255,192,30,.2);border-radius:28px;padding:clamp(2.2rem,5vw,3.5rem);text-align:center;box-shadow:0 30px 60px -30px #000}.site-footer{background:#0c0618;border-top:1px solid rgba(255,255,255,6%);padding:3rem 0 2.5rem}.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;align-items:start}.footer-mark{width:130px;filter:drop-shadow(0 4px 10px rgba(255,192,30,.2))}.footer-brand p{margin-top:.8rem;color:#8f80b5;max-width:34ch}.footer-nav a{text-decoration:none;color:#c8b9e6;line-height:2}.footer-nav a:hover{color:#ffc01e}.footer-meta{color:#8f80b5;font-size:.92rem}.footer-meta a{color:#c8b9e6}.footer-meta a:hover{color:#ffc01e}.page-head{padding:clamp(2.5rem,6vw,4rem)0 1.5rem;background:radial-gradient(100% 120% at 50% -30%,rgba(123,72,255,.4),transparent 70%)}.page-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;text-align:center}.page-subtitle{text-align:center;color:#c8b9e6;margin-top:.6rem;font-size:1.15rem}.page-body{max-width:760px;padding-bottom:4rem;font-size:1.08rem}.page-body h2{color:#fff6e6;margin:2rem 0 .6rem;font-size:1.6rem}.page-body h3{color:#fff6e6;margin:1.5rem 0 .4rem}.page-body p{margin-top:1rem}.page-body a{color:#ffc01e}.page-body img{border-radius:18px;margin:1.6rem 0}.page-body blockquote{border-left:3px solid #ffc01e;padding-left:1rem;color:#c8b9e6;font-style:italic}.page-body ul{list-style:disc;padding-left:1.3rem;margin-top:1rem}.page-body .page-hero{width:100%;box-shadow:0 24px 50px -24px #000}.card-list{display:grid;gap:1rem;margin-top:1.5rem}.card a{display:block;padding:1.3rem 1.4rem;border-radius:18px;background:#1b1030;border:1px solid rgba(255,255,255,6%);text-decoration:none;transition:.2s}.card a:hover{border-color:rgba(255,192,30,.5);transform:translateY(-3px)}.card a h2{font-size:1.3rem;margin:0}.card a p{color:#c8b9e6;margin-top:.4rem}.notfound{text-align:center;padding:6rem 0}.notfound h1{font-size:clamp(4rem,16vw,9rem);color:#ffc01e}.notfound p{margin:1rem 0 2rem;font-size:1.2rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{order:2}.hero-lede,.hero-title{margin-inline:auto}.cta-row{justify-content:center}.hero-art{order:1;max-width:460px;margin-inline:auto}.hero-creatures{left:0}.studio-grid{grid-template-columns:1fr;text-align:center}.studio-copy .section-title{text-align:center}.footer-inner{grid-template-columns:1fr 1fr}.nav-burger{display:flex}.site-nav{position:fixed;inset:0 0 0 auto;width:78vw;max-width:320px;background:#1b1030;padding:5rem 2rem;transform:translateX(100%);transition:transform .28s cubic-bezier(.22,.61,.36,1);box-shadow:-20px 0 50px -20px #000}.site-nav ul{flex-direction:column;align-items:flex-start;gap:1.4rem;font-size:1.2rem}.nav-toggle:checked~.site-nav{transform:translateX(0)}.nav-toggle:checked~.nav-burger span:nth-child(1){transform:translateY(7.5px)rotate(45deg)}.nav-toggle:checked~.nav-burger span:nth-child(2){opacity:0}.nav-toggle:checked~.nav-burger span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}}@media(max-width:560px){.feature-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.creatures{background-attachment:scroll}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}