@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Press+Start+2P&display=swap");:root{--ink:#080d2c;--panel:#10183e;--panel-light:#151e50;--line:#343b88;--blue:#62b8f2;--lavender:#b7a6ff;--purple:#8654f5;--white:#f7f5ff;--muted:#c0c4e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{background:var(--ink)}body{margin:0;color:var(--white);font-family:Nunito,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}main{overflow:hidden}.site-header{height:82px;background:rgba(5,10,37,.96);border-bottom:1px solid #252d69;position:relative;z-index:5}.nav-inner{max-width:1240px;height:100%;margin:auto;padding:0 34px;display:flex;justify-content:space-between;gap:28px}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;width:185px;flex:0 0 185px}.brand img{width:100%;height:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:8px}.desktop-nav a{padding:12px 17px;color:#e2e3fa;border-radius:30px;font-size:14px;font-weight:800;transition:.2s ease}.desktop-nav .active,.desktop-nav a:hover{background:#31228a;color:white}.footer-social,.socials{display:flex;align-items:center;gap:17px}.footer-social a,.socials a{color:#e7e6ff;font-size:19px;font-weight:900}.mobile-links,.mobile-menu{display:none}.pixel-sky{background:linear-gradient(180deg,#09143d,#17175d 58%,#3d176f);position:relative}.hero{min-height:570px;border-bottom:5px solid #22285f}.hero-inner{max-width:1240px;min-height:500px;margin:auto;padding:58px 54px 160px;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:36px;gap:36px;position:relative;z-index:2}.closing-stars,.stars{position:absolute;inset:0;opacity:.7;pointer-events:none;background-image:radial-gradient(#f5e5ff 1px,transparent 1.5px),radial-gradient(#9b9aff 1px,transparent 1.5px);background-size:97px 83px,151px 127px;background-position:12px 5px,58px 43px}.moon{width:58px;height:58px;top:62px;left:48%;background:#ffe5a2;box-shadow:0 0 28px #ffdc8b}.moon,.moon:after{position:absolute;border-radius:50%}.moon:after{content:"";width:52px;height:52px;top:-8px;left:15px;background:#10164d}.cloud{position:absolute;width:130px;height:36px;background:#392b86;border-radius:30px 30px 0 0;opacity:.8;filter:drop-shadow(0 8px 0 #28236e)}.cloud:after,.cloud:before{content:"";position:absolute;bottom:0;border-radius:50% 50% 0 0;background:inherit}.cloud:before{width:54px;height:55px;left:22px}.cloud:after{width:70px;height:45px;left:58px}.cloud-one{top:94px;left:4%}.cloud-two{top:180px;right:4%;transform:scale(.75)}.studio-intro{max-width:500px}.hero-mark{width:310px;max-width:90%;margin:0 auto 12px 0}.hero-mark img{width:100%;height:auto}.eyebrow,.section-kicker{color:var(--lavender);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:2px}.eyebrow{display:flex;align-items:center;gap:12px;margin:5px 0 18px}.eyebrow span{width:32px;height:2px;background:#9465f9}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin-bottom:15px;letter-spacing:-1.5px}h2{font-size:clamp(28px,3.4vw,39px);line-height:1.2;letter-spacing:-1px;margin-bottom:18px}h2 em{color:#b7a6ff;font-style:normal}.hero-copy{color:#d8d9f3;font-size:17px;line-height:1.6;max-width:420px;margin-bottom:25px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:30px;padding:0 22px;font-weight:900;font-size:14px;border:1px solid transparent;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-3px);filter:brightness(1.15)}.button b{font-size:22px;line-height:1}.button-primary{background:linear-gradient(110deg,#4e32bd,#773ed0);border-color:#8d6bff;box-shadow:0 5px 0 #21175e}.button-outline{background:rgba(13,18,58,.65);border:2px solid #a58aff}.game-intro{text-align:center;max-width:490px;justify-self:end}.piku-logo-wrap{max-width:390px;margin:-10px auto -2px}.piku-logo{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.15))}.game-tagline{color:#eeedff;max-width:430px;margin:0 auto 20px;line-height:1.5;font-size:16px;text-shadow:0 2px 6px #10133f}.game-tagline strong{color:#ffe36b}.cityline{height:154px;position:absolute;bottom:0;left:0;right:0;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(6,12,42,.15) 25%,#10173b)}.city-buildings{bottom:35px;height:145px;background:repeating-linear-gradient(90deg,transparent 0 22px,#11183f 22px 47px,transparent 47px 62px),repeating-linear-gradient(0deg,transparent 0 13px,#ff62c5 13px 16px,transparent 16px 25px);-webkit-clip-path:polygon(0 48%,4% 48%,4% 25%,8% 25%,8% 56%,12% 56%,12% 12%,16% 12%,16% 49%,20% 49%,20% 31%,25% 31%,25% 55%,30% 55%,30% 0,34% 0,34% 51%,39% 51%,39% 28%,44% 28%,44% 58%,49% 58%,49% 20%,54% 20%,54% 54%,60% 54%,60% 8%,64% 8%,64% 53%,69% 53%,69% 25%,74% 25%,74% 57%,79% 57%,79% 15%,84% 15%,84% 52%,90% 52%,90% 29%,95% 29%,95% 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 48%,4% 48%,4% 25%,8% 25%,8% 56%,12% 56%,12% 12%,16% 12%,16% 49%,20% 49%,20% 31%,25% 31%,25% 55%,30% 55%,30% 0,34% 0,34% 51%,39% 51%,39% 28%,44% 28%,44% 58%,49% 58%,49% 20%,54% 20%,54% 54%,60% 54%,60% 8%,64% 8%,64% 53%,69% 53%,69% 25%,74% 25%,74% 57%,79% 57%,79% 15%,84% 15%,84% 52%,90% 52%,90% 29%,95% 29%,95% 55%,100% 55%,100% 100%,0 100%);opacity:.95}.city-buildings,.road{position:absolute;width:100%}.road{bottom:0;height:36px;background:#111a3b;border-top:5px solid #27366c;border-bottom:5px solid #050b25}.road span{position:absolute;top:14px;height:3px;width:80px;background:#52628f}.road span:first-child{left:10%}.road span:nth-child(2){left:48%}.road span:nth-child(3){right:8%}.walking-cat{position:absolute;z-index:2;bottom:23px;left:10%;width:88px;height:88px}.walking-cat img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.coin{position:absolute;z-index:3;bottom:46px;color:#ffb51d;font-size:35px;text-shadow:2px 2px #9b5300,0 0 15px #ffc83d}.coin-a{left:27%}.coin-b{left:69%}.section-shell{max-width:1160px;margin:auto;padding-left:42px;padding-right:42px}.about-section{padding-top:76px;padding-bottom:66px;display:grid;grid-template-columns:1fr 1fr;grid-gap:72px;gap:72px;align-items:center}.section-kicker{margin-bottom:15px}.paw{color:#a28bff;font-size:23px;vertical-align:middle;margin-right:8px}.about-copy>p:not(.section-kicker){color:var(--muted);line-height:1.75;font-size:16px;max-width:510px}.about-copy strong{color:white}.text-link{color:#c3b4ff;font-weight:900;display:inline-flex;align-items:center;gap:12px;margin-top:7px;border-bottom:1px solid #6650c6;padding-bottom:6px}.text-link b{font-size:19px}.mascot-card{min-height:310px;border:1px solid #4643a1;border-radius:20px;background:radial-gradient(ellipse at 50% 75%,#302b82 0,#171b50 50%,#101638 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:inset 0 0 40px rgba(98,79,213,.15)}.mascot-card:after{content:"";position:absolute;height:60px;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,#211c62)}.mascot-image{width:270px;height:auto;object-fit:contain;position:relative;z-index:1;image-rendering:pixelated}.mascot-glow{position:absolute;width:250px;height:180px;border-radius:50%;background:#6953ff;opacity:.14;filter:blur(55px)}.paw-left,.paw-right{position:absolute;z-index:2;font-size:40px;opacity:.45}.paw-left{left:12%;top:20%}.paw-right{right:12%;bottom:22%}.mascot-caption{position:absolute;z-index:3;bottom:17px;font-size:11px;color:#d5ceff;letter-spacing:1.5px;text-transform:uppercase}.games-section{padding-top:12px;padding-bottom:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{margin-bottom:0}.coming-soon{color:#8588c5;font-size:10px;font-weight:900;letter-spacing:1.4px}.game-card{border:1px solid #3b408d;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:38% 1fr;background:linear-gradient(110deg,#151b4d,#101638);box-shadow:0 14px 30px rgba(0,0,0,.12)}.game-card-art{min-height:275px;background:linear-gradient(180deg,#171b5b,#40217a 72%,#17244b);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.game-card-art:before{content:"";position:absolute;inset:55% 0 0;background:repeating-linear-gradient(90deg,#111a45 0 24px,#18204d 24px 46px);opacity:.8}.game-card-art img{width:85%;max-height:250px;object-fit:contain;position:relative;z-index:1}.game-card-stamp{position:absolute;bottom:17px;left:17px;z-index:2;background:#f1cb56;color:#30224c;padding:8px 10px;font-size:9px;font-weight:1000;line-height:1.5;transform:rotate(-7deg)}.game-card-copy{padding:35px 38px;align-self:center}.title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.title-row h3{font-size:27px;margin:0}.genre{border:1px solid #7662d6;color:#c9bbff;padding:5px 10px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:.8px}.game-card-copy>p{color:var(--muted);line-height:1.7;margin:15px 0;max-width:570px}.feature-pills{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 23px}.feature-pills span{background:#20285d;color:#d4d0ff;border-radius:30px;padding:7px 12px;font-size:11px;font-weight:800}.card-actions{display:flex;gap:12px;flex-wrap:wrap}.button-steam{border-color:#59639d;background:#101938}.button-steam:first-letter{font-size:20px}.news-section{padding-top:5px;padding-bottom:80px}.news-heading{margin-bottom:24px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.news-card{border:1px solid #343b80;border-radius:15px;overflow:hidden;background:#101638;transition:transform .2s,border-color .2s}.news-card:hover{transform:translateY(-5px);border-color:#8062e9}.news-art{height:145px;position:relative;overflow:hidden;background:linear-gradient(180deg,#111c50,#47217e)}.news-art:before{width:100%;height:72%;background:repeating-linear-gradient(90deg,transparent 0 14px,#121a44 14px 35px,transparent 35px 46px);-webkit-clip-path:polygon(0 50%,8% 50%,8% 20%,18% 20%,18% 62%,27% 62%,27% 0,37% 0,37% 57%,47% 57%,47% 22%,57% 22%,57% 64%,68% 64%,68% 10%,79% 10%,79% 55%,90% 55%,90% 27%,100% 27%,100% 100%,0 100%);clip-path:polygon(0 50%,8% 50%,8% 20%,18% 20%,18% 62%,27% 62%,27% 0,37% 0,37% 57%,47% 57%,47% 22%,57% 22%,57% 64%,68% 64%,68% 10%,79% 10%,79% 55%,90% 55%,90% 27%,100% 27%,100% 100%,0 100%)}.news-art:after,.news-art:before{content:"";position:absolute;bottom:0}.news-art:after{left:0;right:0;height:12px;background:#142b4d;border-top:3px solid #46528d}.news-night{background:linear-gradient(180deg,#0d1c4b,#322077)}.news-coin{background:linear-gradient(180deg,#18204f,#62227c)}.news-art-moon{position:absolute;width:30px;height:30px;top:18px;right:32px;background:#ffe3a0;border-radius:50%;box-shadow:0 0 15px #ffdc90}.news-art-moon:after{content:"";position:absolute;width:27px;height:27px;left:8px;top:-4px;border-radius:50%;background:#18204f}.news-art-building{position:absolute;width:100%;height:100%;background-image:radial-gradient(#ff83d2 1px,transparent 2px),radial-gradient(#8be4ff 1px,transparent 2px);background-size:33px 26px,47px 35px;background-position:10px 10px,25px 4px;opacity:.8}.news-art-cat{position:absolute;z-index:2;bottom:13px;left:45%;color:white;background:#f7f4ff;color:#20234c;font-size:25px;padding:9px 5px 4px;border-radius:15px 15px 4px 4px}.news-tag{position:absolute;z-index:3;top:12px;left:12px;border-radius:20px;padding:5px 8px;background:rgba(9,12,45,.8);color:#d2c6ff;font-size:9px;letter-spacing:1px;font-weight:900}.news-content{padding:19px 19px 21px}.news-content time{color:#9c9fc9;font-size:11px}.news-content h3{font-size:17px;margin:9px 0}.news-content p{min-height:48px;color:#bfc2e2;font-size:13px;line-height:1.5}.news-content a{color:#b8a5ff;font-size:12px;font-weight:900}.closing-banner{max-width:1160px;margin:0 auto 70px;border:1px solid #3b408d;border-radius:20px;background:linear-gradient(100deg,#15194c,#222067);min-height:150px;padding:24px 38px;display:flex;align-items:center;gap:28px;position:relative;overflow:hidden}.closing-banner>:not(.closing-stars){position:relative;z-index:1}.closing-banner img{width:76px;height:76px;object-fit:contain;image-rendering:pixelated}.closing-banner .section-kicker{margin-bottom:8px}.closing-banner h2{font-size:24px;margin:0}.closing-banner .button{margin-left:auto;white-space:nowrap}.site-footer{border-top:1px solid #2e3677;background:#070d29;padding:34px max(32px,calc((100% - 1160px)/2)) 18px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:25px}.brand-footer{width:145px;flex-basis:145px}.brand-footer img{width:100%}.footer-brand p{color:#9da3d0;font-size:12px;margin:5px 0 0}.footer-note{display:flex;align-items:center;gap:12px;color:#8f92c1;font-size:12px}.footer-note .paw{opacity:.6}.footer-bottom{border-top:1px solid #1e275b;padding-top:16px;display:flex;justify-content:space-between;color:#777eae;font-size:11px}.footer-bottom b{color:#ee7cae}@media (max-width:900px){.nav-inner{padding:0 22px}.desktop-nav{gap:0}.desktop-nav a{padding:10px 11px;font-size:12px}.brand{width:150px;flex-basis:150px}.header-socials{gap:10px}.hero-inner{padding-left:35px;padding-right:35px;gap:20px}.hero-mark{width:250px}.game-intro{max-width:390px}.section-shell{padding-left:30px;padding-right:30px}.about-section{gap:35px}.game-card-copy{padding:25px}.closing-banner{margin-left:30px;margin-right:30px}}@media (max-width:680px){.site-header{height:70px}.nav-inner{padding:0 18px}.brand{width:150px;flex-basis:150px}.desktop-nav,.header-socials{display:none}.mobile-menu{display:inline-flex;font-size:25px;color:white;padding:8px}.hero{min-height:auto}.hero-inner{display:flex;flex-direction:column;gap:24px;padding:38px 22px 155px;text-align:center}.studio-intro{width:100%}.hero-mark{width:210px;margin:0 auto 8px}.eyebrow{justify-content:center;font-size:10px}.eyebrow span{width:22px}.hero h1{font-size:31px}.hero-copy{font-size:14px;margin-left:auto;margin-right:auto;max-width:340px}.game-intro{width:100%;max-width:360px;justify-self:auto}.piku-logo-wrap{width:min(290px,88%);margin:-8px auto -5px}.game-tagline{font-size:13px;max-width:330px}.button{min-height:43px;font-size:12px;padding:0 17px}.moon{width:38px;height:38px;top:32px;left:8%}.moon:after{width:35px;height:35px;left:10px;top:-5px}.cloud-one{top:120px;left:-40px;transform:scale(.7)}.cloud-two{top:330px;right:-45px;transform:scale(.6)}.cityline{height:128px}.city-buildings{height:120px;bottom:30px}.walking-cat{width:72px;height:72px;left:8%;bottom:20px}.coin{bottom:40px;font-size:27px}.section-shell{padding-left:20px;padding-right:20px}.about-section{padding-top:48px;padding-bottom:50px;display:flex;flex-direction:column;gap:26px;align-items:stretch}.about-copy{text-align:left}.about-copy h2{font-size:29px}.about-copy>p:not(.section-kicker){font-size:14px}.mascot-card{min-height:245px}.mascot-image{width:215px}.paw-left,.paw-right{font-size:29px}.games-section{padding-bottom:52px}.section-heading{align-items:start;flex-direction:column;gap:10px}.section-heading h2{font-size:30px}.coming-soon{font-size:9px}.game-card{display:flex;flex-direction:column}.game-card-art{min-height:220px}.game-card-art img{width:66%;max-height:205px}.game-card-copy{padding:22px 20px 25px}.title-row h3{font-size:23px}.game-card-copy>p{font-size:13px}.feature-pills{gap:6px}.feature-pills span{font-size:10px;padding:6px 9px}.card-actions{gap:9px}.news-section{padding-bottom:52px}.news-heading{flex-direction:row;align-items:end}.news-heading .text-link{font-size:11px;white-space:nowrap}.news-grid{grid-template-columns:1fr;gap:14px}.news-card{display:grid;grid-template-columns:38% 1fr}.news-art{height:100%;min-height:160px}.news-content{padding:14px}.news-content h3{font-size:15px}.news-content p{font-size:12px;min-height:0;margin-bottom:10px}.closing-banner{margin:0 20px 48px;padding:20px;flex-wrap:wrap;gap:14px}.closing-banner img{width:58px;height:58px}.closing-banner>div{flex:1 1}.closing-banner h2{font-size:19px}.closing-banner .section-kicker{font-size:9px}.closing-banner .button{margin:0;width:100%}.site-footer{padding:28px 20px 16px}.footer-main{display:grid;grid-template-columns:1fr auto;grid-gap:22px;gap:22px}.footer-note{grid-column:1/-1;grid-row:2;justify-content:center;font-size:10px}.brand-footer{width:135px}.footer-social{gap:13px}.footer-bottom{gap:10px;font-size:9px;flex-direction:column;text-align:center}.mobile-links{display:flex;justify-content:center;flex-wrap:wrap;gap:18px;padding:14px 10px 22px;background:#070d29;color:#aeb4df;font-size:11px;font-weight:800}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}}