*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.visuallyHidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-desktop-frame] [data-frame-content]{display:none}.frame-stage{position:relative;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:0 20px;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.72) 0 5%,transparent 18%),radial-gradient(circle at 82% 76%,rgba(255,255,255,.56) 0 6%,transparent 20%),#c9f2fa}.frame-stage[hidden]{display:none}.frame-stage[data-theme=rhythm]{background-color:#ffd243;background-image:repeating-linear-gradient(135deg,rgba(255,236,156,.58) 0 8px,transparent 8px 28px)}.frame-stage[data-theme=melody]{background-color:#e4d8fb}.frame-stage[data-theme=animalive]{background-color:#f8e8cb}.frame-stage[data-theme=taikogame]{background-color:#0b1233;background-image:radial-gradient(circle at 50% -8%,rgba(52,181,255,.6),transparent 30rem),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}.frame-stage[data-theme=nekobeat]{background-color:#160a3b;background-image:radial-gradient(circle at 18% 22%,rgba(255,63,164,.36) 0 7%,transparent 22%),radial-gradient(circle at 82% 76%,rgba(56,216,238,.28) 0 8%,transparent 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 2px,transparent 2px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 2px,transparent 2px 28px)}.frame-viewport{position:relative;z-index:2;display:block;width:min(430px,calc(100vw - 64px));height:100dvh;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:0 0 54px #202d4338}.frame-decorations{position:absolute;z-index:1;inset:0;overflow:hidden;color:#078bc133;font-weight:950;pointer-events:none}.frame-stage[data-theme=rhythm] .frame-decorations{color:#ffffff9e}.frame-stage[data-theme=melody] .frame-decorations{color:#7958c73d}.frame-stage[data-theme=animalive] .frame-decorations{color:#f25f9a3d}.frame-stage[data-theme=taikogame] .frame-decorations{color:#ffd4378c}.frame-stage[data-theme=nekobeat] .frame-decorations{color:#ffe36eb8;font-family:"DotGothic 16",monospace;text-shadow:7px 7px 0 rgba(255,63,164,.42)}.frame-stage[data-theme=nekobeat] .frame-viewport{box-shadow:0 0 0 5px #ff3fa466,0 0 58px #38d8ee52}.frame-stage[data-theme=melody] .frame-viewport{background:#e4d8fb;box-shadow:0 0 54px #6a409638}.frame-stage[data-theme=animalive] .frame-viewport{background:#f8e8cb;box-shadow:0 0 54px #65483e33}.frame-stage[data-theme=taikogame] .frame-viewport{background:#fff9e9;box-shadow:0 0 58px #0000006b}.frame-decorations span{position:absolute;line-height:1}.frame-decorations span:nth-child(1){top:12%;left:8%;font-size:118px;transform:rotate(-14deg)}.frame-decorations span:nth-child(2){top:19%;right:9%;font-size:86px;transform:rotate(12deg)}.frame-decorations span:nth-child(3){bottom:13%;left:11%;font-size:126px;transform:rotate(9deg)}.frame-decorations span:nth-child(4){right:8%;bottom:18%;font-size:92px}.storeBadges{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.storeBadge{display:block;min-width:0;min-height:0;padding:0;border:0;border-radius:0;color:inherit;text-decoration:none;background:transparent;box-shadow:none;line-height:1;cursor:pointer}.storeBadge img{display:block;width:auto;height:54px}.storeBadgeUnavailable{cursor:default}.storeBadgesCompact{gap:7px}.storeBadgesCompact .storeBadge img{height:36px}.storeBadge[data-platform-hidden]{display:none}.storeBadgesAnimated{opacity:0;transform:translateY(30px) scale(.72)}.storeBadgesAnimatedVisible{animation:storeBadgePop .68s cubic-bezier(.18,1.32,.38,1) both}@keyframes storeBadgePop{0%{opacity:0;transform:translateY(34px) scale(.65)}68%{opacity:1;transform:translateY(-8px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.storeBadgesAnimated,.storeBadgesAnimatedVisible{opacity:1;transform:none;animation:none}}html,body{background:#0b0825}@font-face{font-family:"DotGothic 16";src:url(/assets/fonts/dot-gothic-16-regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.page{--night:#180b43;--night-deep:#0b0825;--pink:#ff3fa4;--cyan:#38d8ee;--yellow:#ffe36e;position:relative;min-height:100vh;overflow:hidden;color:#fff;background:var(--night-deep);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;font-weight:800;font-synthesis:weight}.page :where(h1,h2,h3,p,span,b,strong,em,small,figcaption){font-family:inherit}.content{position:relative;z-index:1;width:min(100%,900px);margin:0 auto}.hero{position:relative;isolation:isolate;display:grid;min-height:100svh;justify-items:center;align-content:start;overflow:hidden;padding:max(48px,calc(env(safe-area-inset-top) + 28px)) max(18px,env(safe-area-inset-right)) max(52px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));text-align:center;background:#531097 url(/assets/cross-promo/nekobeat/back.png) center top/cover no-repeat}.hero:after{content:"";position:absolute;z-index:-1;inset:55% 0 0;background:linear-gradient(transparent,var(--night-deep));pointer-events:none}.heroLogo{position:relative;z-index:2;display:block;width:min(76%,500px);height:auto;margin:clamp(22px,6vw,44px) auto 0;image-rendering:pixelated;filter:drop-shadow(6px 7px 0 rgba(16,5,52,.75))}.hero h1{position:relative;z-index:2;display:grid;gap:4px;margin:clamp(28px,6vw,46px) 0 0;font-size:clamp(37px,9.2vw,66px);font-weight:950;line-height:1.08;letter-spacing:-.04em}.hero h1 span,.hero h1 em{color:#fff;font-style:normal;-webkit-text-stroke:clamp(5px,1.4vw,9px) var(--night-deep);paint-order:stroke fill;text-shadow:0 6px 0 var(--pink),0 11px 0 rgba(11,8,37,.55)}.hero h1 em{color:var(--yellow);font-size:.93em;white-space:nowrap;text-shadow:0 6px 0 #167aa7,0 11px 0 rgba(11,8,37,.55)}.phoneMock{position:relative;z-index:2;box-sizing:border-box;width:min(61vw,310px);aspect-ratio:720/1558;padding:9px;border:5px solid #15101c;border-radius:clamp(34px,8vw,49px);background:#211727;box-shadow:0 10px 0 var(--pink),0 19px #0b082580,inset 0 0 0 2px #5c4d68}.phoneMock:before{content:"";position:absolute;top:24%;left:-8px;width:5px;height:46px;border-radius:4px 0 0 4px;background:#392b42;box-shadow:0 58px #392b42}.phoneMock:after{content:"";position:absolute;top:29%;right:-8px;width:5px;height:70px;border-radius:0 4px 4px 0;background:#392b42}.phoneSpeaker{position:absolute;z-index:5;top:14px;left:50%;width:31%;height:14px;border-radius:999px;background:#09070d;transform:translate(-50%)}.phoneScreen{position:absolute;inset:9px;overflow:hidden;border-radius:clamp(27px,6.5vw,39px);background:var(--night)}.phoneBackground{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.playlistVideo{position:absolute;inset:0;opacity:0;transition:opacity .18s ease-out}.playlistVideo[data-active=true]{z-index:1;opacity:1}.phoneCharacter{position:absolute;right:6%;bottom:11%;width:59%;height:auto;image-rendering:pixelated;filter:drop-shadow(5px 6px 0 rgba(11,8,37,.3));animation:catRide 2.4s ease-in-out infinite}.beatLine{position:absolute;right:0;bottom:9%;left:0;height:8px;background:repeating-linear-gradient(90deg,var(--cyan) 0 22px,transparent 22px 34px);box-shadow:0 6px 0 var(--pink);animation:beatRush 2.4s linear infinite}.heroPhoneStage{position:relative;width:fit-content;margin:clamp(34px,8vw,58px) auto 0}.heroPhone{margin:0}.heroCat{position:absolute;z-index:5;bottom:2%;left:-31%;width:58%;height:auto;image-rendering:pixelated;filter:drop-shadow(5px 7px 0 rgba(11,8,37,.45));transform-origin:50% 90%;animation:heroCatFloat 2.8s ease-in-out infinite}.playPhoneStage{position:relative;width:fit-content;margin:38px auto 0}.playPhone{width:min(66vw,340px);margin:0;transform:none}.tapFinger{position:absolute;z-index:6;top:43%;right:-27px;display:block;width:clamp(88px,23vw,132px);height:auto;transform:rotate(-8deg);transform-origin:50% 85%;animation:fingerTap 1.15s ease-in-out infinite;filter:drop-shadow(5px 7px 0 rgba(11,8,37,.35))}.controlHints{position:absolute;z-index:4;top:13%;right:7%;left:7%;display:flex;justify-content:space-between}.controlHints span{padding:6px 8px;border:3px solid var(--night-deep);color:#fff;background:var(--pink);box-shadow:4px 4px 0 var(--yellow);font-family:"DotGothic 16",monospace;font-size:clamp(16px,4.5vw,24px);font-weight:900;-webkit-text-stroke:.3px currentColor;paint-order:stroke fill}.heroLead{position:relative;z-index:2;margin:34px 0 0;line-height:1.3}.heroLead strong{color:inherit;font-size:inherit;font-weight:950}.installPrompt{position:relative;z-index:3;display:grid;justify-items:center;gap:8px;margin:28px auto 0;text-align:center}.installPrompt[data-placement=middle]{margin:0;padding:46px 18px 54px;background:linear-gradient(180deg,var(--night-deep),#28105a)}.installPrompt p{margin:0;color:var(--yellow);font-size:clamp(22px,5.5vw,33px);font-weight:900;-webkit-text-stroke:4px var(--night-deep);paint-order:stroke fill}.installPrompt img{width:auto!important;height:clamp(58px,12vw,76px)!important}.pageSparkles{position:absolute;z-index:3;inset:0;pointer-events:none}.pageSparkles span{position:absolute;color:var(--yellow);font-size:clamp(18px,5vw,36px);opacity:.88;text-shadow:3px 3px 0 var(--pink);animation:twinkle 3.2s ease-in-out infinite}.pageSparkles span:nth-child(1){top:2%;left:5%}.pageSparkles span:nth-child(2){top:10%;right:5%;animation-delay:-.4s}.pageSparkles span:nth-child(3){top:18%;left:3%;animation-delay:-1.1s}.pageSparkles span:nth-child(4){top:26%;right:4%;animation-delay:-1.8s}.pageSparkles span:nth-child(5){top:34%;left:6%;animation-delay:-.8s}.pageSparkles span:nth-child(6){top:42%;right:7%;animation-delay:-2.2s}.pageSparkles span:nth-child(7){top:50%;left:3%;animation-delay:-1.5s}.pageSparkles span:nth-child(8){top:58%;right:4%;animation-delay:-.2s}.pageSparkles span:nth-child(9){top:66%;left:6%;animation-delay:-2.6s}.pageSparkles span:nth-child(10){top:74%;right:3%;animation-delay:-1.2s}.pageSparkles span:nth-child(11){top:84%;left:4%;animation-delay:-2s}.pageSparkles span:nth-child(12){top:94%;right:6%;animation-delay:-.6s}.sectionSparkles{position:absolute;z-index:2;inset:0;overflow:hidden;pointer-events:none}.sectionSparkles span{position:absolute;color:var(--yellow);font-size:clamp(17px,4.4vw,32px);opacity:.72;text-shadow:3px 3px 0 var(--pink);animation:twinkle 3.4s ease-in-out infinite}.sectionSparkles span:nth-child(1){top:8%;left:4%}.sectionSparkles span:nth-child(2){top:20%;right:5%;animation-delay:-.6s}.sectionSparkles span:nth-child(3){top:42%;left:3%;animation-delay:-1.4s}.sectionSparkles span:nth-child(4){top:58%;right:4%;animation-delay:-2.1s}.sectionSparkles span:nth-child(5){bottom:18%;left:7%;animation-delay:-.9s}.sectionSparkles span:nth-child(6){right:8%;bottom:7%;animation-delay:-2.7s}.errorCard{width:min(calc(100% - 36px),460px);margin:20vh auto;padding:32px 22px;border:5px solid var(--yellow);text-align:center;background:var(--night);box-shadow:8px 8px 0 var(--pink)}.errorCard h1{margin:0}.errorCard p{margin:14px 0 0}.heroLead,.sectionLead,.installPrompt p,.featureCard p:last-child,.storeFooter small{font-family:"DotGothic 16",monospace;letter-spacing:.025em}.heroLead,.sectionLead,.featureCard p:last-child,.storeFooter small{-webkit-text-stroke:.42px currentColor;paint-order:stroke fill}.sectionLead{margin:20px auto 28px;color:#fff;font-size:clamp(19px,4.7vw,28px);font-weight:900;line-height:1.65;text-shadow:2px 3px 0 rgba(11,8,37,.65)}.playSection,.songSection{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,11vw,92px) max(18px,5vw) clamp(62px,12vw,100px);text-align:center}.playSection{color:var(--night-deep);background:#38cce7 url(/assets/cross-promo/nekobeat/game_back1.png) center/cover no-repeat}.playSection:before{content:"";position:absolute;z-index:-1;inset:0;background:#1abedec2}.playSection h2,.songSection h2,.featureCard h2{margin:0;color:#fff;font-size:clamp(36px,9vw,64px);font-weight:950;line-height:1.1;letter-spacing:-.04em;-webkit-text-stroke:clamp(5px,1.3vw,9px) var(--night-deep);paint-order:stroke fill;text-shadow:0 6px 0 var(--pink)}.playSection h2 strong,.songSection h2 strong,.featureCard h2 strong{color:var(--yellow)}.playSection .sectionLead{color:var(--night-deep);text-shadow:none}.songSection{color:#fff;background:#23045f url(/assets/cross-promo/nekobeat/select_back.png) center top/cover}.songSection:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(#1b054acc,#370564ed)}.songGenres{display:grid;grid-template-columns:repeat(2,auto);gap:14px 28px;justify-content:center;margin:30px auto 0}.songGenres span{color:var(--pink);font-family:"DotGothic 16",monospace;font-size:clamp(29px,7vw,44px);font-weight:900;-webkit-text-stroke:1px currentColor;paint-order:stroke fill;text-shadow:3px 3px 0 #080517,6px 7px 0 var(--cyan),9px 10px 0 rgba(11,8,37,.7)}.songGenres span:nth-child(2){color:var(--yellow);text-shadow:3px 3px 0 #080517,6px 7px 0 var(--pink),9px 10px 0 rgba(11,8,37,.7)}.songGenres span:nth-child(3){color:var(--cyan);text-shadow:3px 3px 0 #080517,6px 7px 0 #8e3cff,9px 10px 0 rgba(11,8,37,.7)}.songGenres span:nth-child(4){color:#87f29f;text-shadow:3px 3px 0 #080517,6px 7px 0 var(--pink),9px 10px 0 rgba(11,8,37,.7)}.captionPink,.captionCyan{font:inherit;font-weight:900;-webkit-text-stroke:.5px currentColor;paint-order:stroke fill}.captionPink{color:var(--pink)}.captionCyan{color:var(--cyan)}.songList{display:grid;gap:7px;margin:28px calc(50% - 50vw) 0}.songLane{overflow:hidden;padding:5px 0 8px;white-space:nowrap}.songTrack{display:flex;width:max-content;animation:songRush 10.5s linear infinite}.songLane[data-reverse=true] .songTrack{animation-direction:reverse;animation-duration:9s}.songLane:nth-child(3) .songTrack{animation-duration:11.5s}.songLane:nth-child(4) .songTrack{animation-duration:9.8s}.songLane:nth-child(5) .songTrack{animation-duration:12s}.songLane:nth-child(6) .songTrack{animation-duration:10.2s}.songGroup{display:flex;gap:9px;padding-right:9px}.songGroup span{display:inline-flex;align-items:center;min-width:max-content;padding:10px 15px;border:3px solid var(--yellow);color:#fff;background:#5c20ae;box-shadow:5px 5px 0 var(--pink);font-family:"DotGothic 16",monospace;font-size:clamp(15px,3.7vw,21px);font-weight:900;-webkit-text-stroke:.3px currentColor;paint-order:stroke fill}.songGroup span:nth-child(3n+2){border-color:var(--cyan);background:#c3297c}.songGroup span:nth-child(3n){color:var(--night-deep);background:var(--yellow);border-color:#fff}.emphasisCopy{color:var(--yellow);font-family:"DotGothic 16",monospace;font-size:clamp(29px,7.2vw,45px);font-weight:950;-webkit-text-stroke:clamp(2px,.55vw,3.5px) var(--night-deep)!important;paint-order:stroke fill;text-shadow:0 4px 0 var(--pink),0 8px 0 #126f9c,0 12px 0 rgba(11,8,37,.65)}.updateCopy{position:relative;z-index:3;width:fit-content;margin:42px auto 0;line-height:1.3}.featureSection{display:grid;gap:0;background:var(--night-deep)}.featureCard{position:relative;display:grid;grid-template-columns:minmax(130px,.7fr) minmax(0,1fr);gap:clamp(14px,4vw,34px);align-items:center;overflow:hidden;padding:clamp(58px,11vw,92px) max(18px,5vw);text-align:center;background:linear-gradient(145deg,#f44aa5,#7222c0)}.featureCard h2{margin-top:18px;font-size:clamp(28px,7vw,51px);text-shadow:0 5px 0 #157eaa}.featureCard p:last-child{margin:18px 0 0;font-size:clamp(17px,4.2vw,25px);font-weight:900;line-height:1.65}.boardImage{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(7px 8px 0 rgba(11,8,37,.5));transform:rotate(-5deg)}.soundFeature{display:grid;grid-template-columns:1fr;min-height:clamp(430px,88vw,680px);gap:clamp(26px,6vw,42px);justify-items:center;align-content:center;padding-right:max(20px,6vw);padding-left:max(20px,6vw)}.soundFeature .boardImage{position:absolute;z-index:1;left:-4%;bottom:9%;width:min(39%,250px);transform:rotate(-13deg);opacity:.94;animation:boardFloat 3.1s ease-in-out infinite}.soundCat{position:absolute;z-index:1;right:-2%;top:7%;width:min(42%,270px);height:auto;image-rendering:pixelated;filter:drop-shadow(7px 8px 0 rgba(11,8,37,.45));transform:rotate(12deg);animation:soundCatSwing 2.7s ease-in-out infinite}.soundMotifs{position:absolute;z-index:0;inset:0;pointer-events:none}.soundMotifs img{position:absolute;width:clamp(64px,19vw,150px);height:auto;opacity:.105;image-rendering:pixelated}.soundMotifs img:nth-child(1){top:5%;left:5%;transform:rotate(-18deg)}.soundMotifs img:nth-child(2){top:11%;right:15%;transform:rotate(12deg)}.soundMotifs img:nth-child(3){top:42%;right:3%;transform:rotate(20deg)}.soundMotifs img:nth-child(4){top:48%;left:14%;transform:rotate(-15deg)}.soundMotifs img:nth-child(5){right:22%;bottom:2%;transform:rotate(-8deg)}.soundMotifs img:nth-child(6){bottom:4%;left:2%;transform:rotate(18deg)}.soundFeature h2{position:relative;z-index:3;display:grid;gap:4px;width:100%;margin:0;font-size:clamp(27px,6.7vw,50px)}.soundFeature h2 span,.soundFeature h2 strong{display:block;white-space:nowrap}.featureStoreBadge{position:relative;z-index:5;display:grid;justify-items:center;margin:0 auto}.featureStoreBadge img{width:auto!important;height:clamp(58px,12vw,76px)!important}.cityFeature{display:grid;grid-template-columns:1fr;justify-items:center;padding-top:clamp(48px,10vw,78px);background:linear-gradient(145deg,#11bcd8,#2d5cc4)}.cityPhone{width:min(63vw,320px);margin:0 auto}.cityFeature>h2{position:relative;z-index:4;width:min(100%,700px);margin:clamp(-68px,-9vw,-44px) auto 0;padding:14px 8px 4px;color:var(--yellow);font-size:clamp(39px,9.7vw,70px);text-shadow:0 7px 0 var(--pink),0 12px 0 rgba(11,8,37,.7)}.cityFeature>h2 strong{color:var(--yellow)}.storeFooter{position:relative;display:grid;justify-items:center;overflow:hidden;padding:clamp(62px,13vw,105px) 18px max(54px,env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#6d1cc0,#1a0b49)}.storeFooter:before{content:"";position:absolute;inset:0;opacity:.17;background:url(/assets/cross-promo/nekobeat/select_back.png) center/cover}.footerIcon,.footerLogo,.storeFooter h2,.storeFooter small,.storeFooter>div{position:relative;z-index:1}.footerIcon{width:min(36vw,190px);border-radius:clamp(24px,7vw,42px);image-rendering:pixelated}.footerLogo{width:min(76%,480px);margin:32px auto 0;image-rendering:pixelated;filter:drop-shadow(6px 7px 0 rgba(11,8,37,.65))}.storeFooter h2{margin:28px 0 24px;color:#fff;font-size:clamp(29px,7.5vw,50px);font-weight:950;line-height:1.18;-webkit-text-stroke:5px var(--night-deep);paint-order:stroke fill;text-shadow:0 5px 0 var(--pink)}.storeFooter h2 strong{color:var(--yellow)}.storeFooter small{margin-top:12px;color:#d7cbff;font-size:clamp(15px,3.6vw,20px);font-weight:900}@keyframes catRide{50%{transform:translateY(-8px) rotate(-1deg)}}@keyframes heroCatFloat{50%{transform:translateY(-13px) rotate(4deg)}}@keyframes boardFloat{50%{transform:translateY(-10px) rotate(-9deg)}}@keyframes soundCatSwing{50%{transform:translateY(10px) rotate(7deg)}}@keyframes beatRush{to{background-position:-68px 0}}@keyframes twinkle{50%{opacity:.52;transform:scale(.9) rotate(5deg)}}@keyframes fingerTap{0%,to{transform:translate(9px,12px) rotate(-8deg)}44%,62%{transform:translate(0) rotate(-8deg)}}@keyframes songRush{to{transform:translate(-50%)}}@media(max-width:520px){.featureCard{grid-template-columns:minmax(112px,.68fr) minmax(0,1fr);padding-right:14px;padding-left:14px}.featureCard p:last-child{font-size:clamp(16px,4vw,20px)}.soundFeature,.cityFeature{grid-template-columns:1fr}.soundFeature{padding-right:14px;padding-left:14px}.tapFinger{right:-16px}}@media(orientation:landscape){.content{width:min(100%,480px)}}@media(prefers-reduced-motion:reduce){.phoneCharacter,.beatLine,.pageSparkles span,.sectionSparkles span,.songTrack,.tapFinger,.heroCat,.soundFeature .boardImage,.soundCat{animation:none}.playlistVideo{transition:none}}
