.ninlabo-cnp-rows,.ninlabo-cnp-row,.ninlabo-cnp-track{position:absolute}.ninlabo-cnp-rows{inset:0;overflow:hidden;z-index:0}.ninlabo-cnp-row{top:var(--cnp-top);left:0;width:100%;height:var(--cnp-size);overflow:hidden;opacity:var(--cnp-opacity);transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}.ninlabo-cnp-track{top:0;left:0;display:flex;width:max-content;height:100%;will-change:transform}.ninlabo-cnp-row.is-left .ninlabo-cnp-track{animation:ninlabo-cnp-left var(--cnp-duration) linear var(--cnp-delay) infinite}.ninlabo-cnp-row.is-right .ninlabo-cnp-track{animation:ninlabo-cnp-right var(--cnp-duration) linear var(--cnp-delay) infinite}.ninlabo-cnp-group{--cnp-gap: clamp(45px, 4.9vw, 87px);display:flex;flex:none;align-items:center;gap:var(--cnp-gap);padding-right:var(--cnp-gap)}.ninlabo-cnp{width:var(--cnp-size);height:var(--cnp-size);flex:none;object-fit:contain;filter:saturate(.92) brightness(1.04);-webkit-user-select:none;user-select:none}.ninlabo-cnp-row.is-left .ninlabo-cnp{transform:scaleX(-1)}@keyframes ninlabo-cnp-left{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes ninlabo-cnp-right{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.ninlabo-background-character,.ninlabo-background-mouth,.ninlabo-character-speech{position:absolute}.ninlabo-background-character{top:0;left:0;width:100%;aspect-ratio:941 / 1672;transform-origin:50% 58%;animation:ninlabo-character-idle 5.8s ease-in-out infinite;will-change:transform;z-index:2}.ninlabo-background-character.is-vertically-centered{top:0;bottom:0;margin-block:auto}.ninlabo-background-character-body{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none}.ninlabo-background-character>.simple-puppet-pixi-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ninlabo-background-eyes{position:absolute;overflow:hidden}.ninlabo-background-eyes-sheet{position:absolute;top:0;left:var(--ninlabo-blink-offset, 0%);width:300%;height:100%;max-width:none;display:block}.ninlabo-background-mouth{overflow:hidden;z-index:3}.ninlabo-background-mouth-sheet{position:absolute;top:0;left:var(--ninlabo-mouth-offset, 0%);width:600%;height:100%;max-width:none;display:block}.ninlabo-character-speech{top:clamp(168px,25dvh,214px);left:12px;width:min(174px,calc(48% - 18px));padding:11px 16px;border:3px solid #ff87b8;border-radius:18px 18px 18px 5px;opacity:0;color:#263047;background:#fffffff0;box-shadow:0 7px #5b3e741f,0 0 18px #ff87b847;font-size:14px;font-weight:800;line-height:1.45;text-align:left;transform:translateY(7px) scale(.98);transition:opacity .14s ease-out,transform .18s ease-out;z-index:4}.ninlabo-character-speech:after{position:absolute;right:28px;bottom:-11px;width:17px;height:17px;border-right:3px solid #ff87b8;border-bottom:3px solid #ff87b8;background:#fffffff0;content:"";transform:rotate(45deg)}.ninlabo-character-speech.is-visible{opacity:1;transform:translateY(0) scale(1)}@keyframes ninlabo-character-idle{0%,to{transform:translate3d(-2px,2px,0) rotate(-.25deg) scale(1)}50%{transform:translate3d(3px,-7px,0) rotate(.35deg) scale(1.012)}}:root{color:#1d2433;--ninlabo-page-bg: #f8fbff;background:var(--ninlabo-page-bg);font-family:Inter,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden}body{min-width:320px;background:var(--ninlabo-page-bg)}#app{position:relative;background:var(--ninlabo-page-bg)}.ninlabo-gameplay-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#fff4fa;isolation:isolate;z-index:0}.ninlabo-background-shapes,.ninlabo-background-shape,.ninlabo-background-stage,.ninlabo-background-fade{position:absolute}.ninlabo-background-shapes{inset:-6%;overflow:hidden;z-index:1}.ninlabo-background-shape{left:var(--shape-left);top:var(--shape-top);width:var(--shape-size);height:var(--shape-size);background:var(--shape-color);opacity:.38;filter:drop-shadow(0 12px 0 rgb(255 255 255 / .18));transform:translate3d(-50%,-50%,0) rotate(var(--shape-rotation));animation:ninlabo-shape-float var(--shape-duration) ease-in-out var(--shape-delay) infinite;will-change:transform}.ninlabo-background-shape.is-circle{border-radius:50%}.ninlabo-background-shape.is-triangle{clip-path:polygon(50% 4%,96% 91%,4% 91%)}.ninlabo-background-shape.is-square{border-radius:18%}.ninlabo-background-shape.is-ring{border:clamp(14px,1.8vw,26px) solid var(--shape-color);border-radius:50%;background:transparent;opacity:.32}.ninlabo-background-stage{top:50%;left:50%;width:calc(100dvh * 390 / 844);height:100dvh;transform:translate(-50%,-50%);overflow:hidden;background:#ffffff1f;z-index:2}.ninlabo-background-fade{inset:0;background:linear-gradient(to bottom,#fff0 48%,#ffffff61,#fffffff0 84%,#fff);z-index:1}.ninlabo-gameplay-background.is-paused *{animation-play-state:paused}@keyframes ninlabo-shape-float{0%,to{transform:translate3d(-50%,-50%,0) rotate(var(--shape-rotation)) scale(.96)}50%{transform:translate3d(calc(-50% + var(--shape-drift-x)),calc(-50% + var(--shape-drift-y)),0) rotate(calc(var(--shape-rotation) + 9deg)) scale(1.04)}}@keyframes @media (prefers-reduced-motion: reduce){.ninlabo-gameplay-background * {animation: none !important;}}canvas{display:block;margin:0 auto;position:relative;z-index:2}