:root{--navy:#1e1b3a;--navy-2:#2a2650;--cream:#fff8ec;--cream-2:#ffefd2;--sun:#ffd34e;--orange:#f07a2b;--berry:#a8283a;--capy:#e9ab78;--ink:#2b2440;--ink-soft:#5d5470;--radius:22px;--shadow:0 4px 0 #1e1b3ae6;--wrap:1140px;--display:"Lilita One", "Arial Rounded MT Bold", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--cream);color:var(--ink);font:500 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;margin:0 0 .5em;font-weight:400;line-height:1.1}h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}h3{font-size:1.35rem}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}.skip{background:var(--sun);z-index:100;border-radius:10px;padding:8px 14px;font-weight:800;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.wrap{width:min(var(--wrap), 100% - 32px);margin-inline:auto}.section{padding:clamp(56px,8vw,96px) 0}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--berry);margin-bottom:.8em;font-size:.8rem;font-weight:800;display:inline-block}.eyebrow--light{color:var(--sun)}.lede{color:var(--ink-soft);font-size:1.15rem}.hl{color:var(--orange)}.btn{font:400 1.05rem var(--display);letter-spacing:.03em;border:2.5px solid var(--navy);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:.7em 1.4em;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:0 6px 0 var(--navy);transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--navy);transform:translateY(3px)}.btn--small{padding:.45em 1.1em;font-size:.95rem}.btn--sun{background:var(--sun);color:var(--navy)}.nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(10px);color:#fff;background:#1e1b3aeb;position:sticky;top:0}.nav__inner{width:min(var(--wrap), 100% - 32px);align-items:center;gap:24px;height:64px;margin-inline:auto;display:flex}.brand{font:400 1.35rem var(--display);color:var(--sun);white-space:nowrap;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand img{width:36px;height:auto}.nav__links{gap:6px;margin:0;padding:0;list-style:none;display:flex}.nav__links a{opacity:.85;border-radius:999px;padding:8px 12px;font-size:.95rem;font-weight:800;text-decoration:none;transition:background .15s,opacity .15s}.nav__links a:hover{opacity:1;background:#ffffff1a}@media (width<=720px){.nav nav{display:none}.nav__inner{gap:10px}}.stores{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.store{background:var(--navy);color:#fff;border:2.5px solid var(--navy);min-width:190px;box-shadow:0 4px 0 var(--berry);text-align:left;border-radius:16px;align-items:center;gap:10px;padding:10px 20px 10px 16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.store:hover{box-shadow:0 6px 0 var(--berry);transform:translateY(-2px)}.store:active{box-shadow:0 1px 0 var(--berry);transform:translateY(3px)}.store svg{flex:none;width:28px;height:28px}.store span{font:400 1.3rem/1.05 var(--display);letter-spacing:.02em;flex-direction:column;display:flex}.store small{font:700 .7rem/1.2 var(--body);letter-spacing:.04em;opacity:.8}.store--steam{background:linear-gradient(135deg,#1b2838,#2a475e)}@media (width<=480px){.store{width:100%}}.about{background:var(--cream)}.about__grid{grid-template-columns:1.3fr 1fr;align-items:center;gap:clamp(24px,5vw,64px);display:grid}.about__text p:not(.eyebrow){color:var(--ink-soft);font-size:1.1rem}.about__text h2{color:var(--navy)}@media (width<=820px){.about__grid{grid-template-columns:1fr}.about__grid>:last-child{order:-1}}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:clamp(48px,7vw,80px);padding:0;list-style:none;display:grid}.feature{border:2.5px solid var(--navy);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:24px;transition:transform .2s}.feature:hover{transform:translateY(-4px)rotate(-.4deg)}.feature:nth-child(2n):hover{transform:translateY(-4px)rotate(.4deg)}.feature__icon{background:var(--cream-2);border:2px solid var(--navy);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:14px;font-size:1.6rem;display:grid}.feature:nth-child(3n+2) .feature__icon{background:#ffe1c9}.feature:nth-child(3n) .feature__icon{background:#fff1a8}.feature h3{color:var(--navy)}.feature p{color:var(--ink-soft);margin:0;font-size:1rem}.cats{background:#fff}.cats h2{color:var(--navy)}.cats .lede{max-width:40em}.trailer{background:var(--navy);color:#fff;text-align:center;position:relative;overflow:hidden}.trailer:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 100%,#f07a2b59,#0000 70%);position:absolute;inset:0}.trailer .wrap{position:relative}.trailer__frame{border-radius:var(--radius);border:3px solid var(--sun);max-width:980px;box-shadow:0 8px 0 var(--orange), 0 30px 80px #00000080;aspect-ratio:16/9;background:#000;margin:32px auto 0;overflow:hidden}.trailer__frame video{object-fit:cover;width:100%;height:100%}.shots{background:var(--cream-2)}.shots h2{color:var(--navy)}.gallery{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.gallery li:first-child{grid-area:span 2/span 2}@media (width<=600px){.gallery li:first-child{grid-area:auto}}.gallery button{cursor:zoom-in;border:2.5px solid var(--navy);background:var(--navy);width:100%;height:100%;box-shadow:var(--shadow);border-radius:16px;padding:0;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden}.gallery button:hover{box-shadow:0 7px 0 var(--navy);transform:translateY(-3px)}.gallery img{object-fit:cover;aspect-ratio:16/9;width:100%;height:100%}.lightbox{background:0 0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}.lightbox::backdrop{background:#141128eb}.lightbox[open]{place-items:center;display:grid}.lightbox img{border:3px solid var(--sun);border-radius:14px;max-width:min(1600px,94vw);max-height:86vh}.lightbox button{cursor:pointer;color:#fff;width:52px;height:52px;font:400 2rem/1 var(--body);background:#ffffff1f;border:0;border-radius:50%;place-items:center;transition:background .15s;display:grid;position:fixed}.lightbox button:hover{background:#ffffff40}.lightbox__close{top:16px;right:16px}.lightbox__prev{top:50%;left:16px;translate:0 -50%}.lightbox__next{top:50%;right:16px;translate:0 -50%}@media (width<=600px){.lightbox__prev,.lightbox__next{top:auto;bottom:20px;translate:none}}.community{background:var(--sun);text-align:center;position:relative;overflow:hidden}.community:before,.community:after{content:"🐾";opacity:.12;pointer-events:none;font-size:9rem;position:absolute}.community:before{top:10%;left:4%;rotate:-20deg}.community:after{bottom:6%;right:5%;rotate:25deg}.community__inner{position:relative}.community__icon{border:3px solid var(--navy);width:112px;height:112px;box-shadow:var(--shadow);border-radius:26px;margin:0 auto 20px}.community h2{color:var(--navy)}.community .lede{color:var(--ink);max-width:32em;margin-inline:auto}.socials{flex-wrap:wrap;justify-content:center;gap:12px;margin:28px 0 0;padding:0;list-style:none;display:flex}.social{color:var(--navy);border:2.5px solid var(--navy);font:400 1.15rem var(--display);letter-spacing:.03em;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.social:hover{box-shadow:0 6px 0 var(--navy);transform:translateY(-2px)}.social svg{width:22px;height:22px}.social--discord{color:#fff;background:#5865f2}.footer{background:var(--navy);color:#ffffffbf;padding:48px 0;font-size:.95rem}.footer__inner{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.footer img{width:120px}.footer p{margin:0}.footer a{color:#fff;text-underline-offset:3px;text-decoration-color:#ffffff59}.footer a:hover{color:var(--sun)}.footer__links{gap:20px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}@media (width<=600px){.footer__inner{text-align:center;flex-direction:column}.footer__links{margin:0}}
