@font-face{font-family:MiSans;src:url(/fonts/MiSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Dela Gothic One;src:url(/fonts/DelaGothicOne-Regular.woff2)format("woff2");font-weight:400;font-display:swap}:root{--accent:#e62f6e;--ink:#3d3d3d;--nav:#8c8c8c;--paper:#f3efe4;--page:#191919;--font-main:"MiSans", "Microsoft YaHei", "PingFang SC", sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;min-width:320px;min-height:100%;margin:0}body{color:#ededed;background:var(--page);font-family:var(--font-main);overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;background:0 0;border:0;padding:0}.site-loader{z-index:1000;background-color:var(--paper);opacity:1;visibility:visible;background-image:url(/paper.webp.webp);background-position:50%;background-size:cover;place-items:center;transition:opacity .42s,visibility 0s linear .42s;display:grid;position:fixed;inset:0}html.is-dark-first-frame .site-loader{background-color:var(--page);background-image:none}html.is-dark-first-frame .loader-word{color:#ededed}.site-loader.is-visible{opacity:1;visibility:visible;transition-delay:0s}.site-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{place-items:center;gap:12px;display:grid}.loader-animation{width:clamp(160px,30vw,320px);position:relative}.loader-animation img{width:100%;height:auto;display:block}.loader-last-frame{opacity:0;position:absolute;inset:0}.loader-animation.is-holding .loader-gif{opacity:0}.loader-animation.is-holding .loader-last-frame{opacity:1}.loader-word{color:var(--ink);font-family:"Dela Gothic One", var(--font-main);letter-spacing:.14em;margin:0;font-size:clamp(13px,1.4vw,18px);font-weight:400;line-height:1}.loader-word span{animation:.9s ease-in-out infinite loading-letter;animation-delay:calc(var(--letter-index) * .105s);display:inline-block}.site-loader:not(.is-visible) .loader-word span{animation-play-state:paused}@keyframes loading-letter{0%,30%,to{transform:translateY(0)}15%{transform:translateY(-8px)}}.header{z-index:30;width:100%;color:var(--nav);justify-content:space-between;align-items:center;padding:16px 24px 0;font-size:12px;font-weight:500;line-height:1;display:flex;position:fixed;top:0;left:0}.nav{align-items:center;gap:65px;display:flex}.nav-link,.language{cursor:pointer;white-space:nowrap;transition:color .16s}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:var(--accent)}.nav-link:focus-visible,.language:focus-visible,.little-fish-play:focus-visible,.video-close:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.language-option{color:var(--nav);transition:color .12s}.language-option.active{color:var(--accent)}.header-tools{align-items:center;gap:16px;display:flex}.brand-mark{mix-blend-mode:screen;width:14px;height:22px;display:block;position:relative;overflow:hidden}.brand-mark img{width:35px;max-width:none;position:absolute;top:-2px;left:-10px}.detail-back{z-index:25;color:#9a9a9a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;line-height:1;transition:color .18s,border-color .18s,transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:56px;left:24px}.detail-back:hover,.detail-back:focus-visible{border-color:var(--accent);color:var(--accent);transform:translate(-3px)}.detail-back:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.detail-project-switch{z-index:25;opacity:.82;width:40px;height:40px;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1);display:block;position:fixed;top:50%;transform:translateY(-50%)}.detail-project-switch-prev{left:22px}.detail-project-switch-next{right:22px}.detail-project-switch img{object-fit:contain;filter:brightness(2.3);width:100%;height:100%;transition:filter .18s;display:block}.detail-project-switch-next img{transform:rotate(180deg)}.detail-project-switch:hover,.detail-project-switch:focus-visible{opacity:1}.detail-project-switch:hover img,.detail-project-switch:focus-visible img{filter:brightness(2.65)}.detail-project-switch-prev:hover,.detail-project-switch-prev:focus-visible{transform:translate(-4px,-50%)}.detail-project-switch-next:hover,.detail-project-switch-next:focus-visible{transform:translate(4px,-50%)}.detail-project-switch:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.little-fish-page{background:var(--page);width:100vw;height:100svh;min-height:560px;position:relative;overflow:hidden}.little-fish-background{background-image:url(/studio/portfolio/animation/little-fish/background.webp);background-position:50%;background-size:cover;animation:1.3s cubic-bezier(.22,1,.36,1) both background-enter;position:absolute;inset:0;transform:scale(1.01)}.little-fish-content{z-index:2;text-align:center;flex-direction:column;align-items:center;width:min(760px,88vw);animation:.85s cubic-bezier(.22,1,.36,1) .12s both content-enter;display:flex;position:absolute;top:48.5%;left:50%;transform:translate(-50%,-50%)}.little-fish-breadcrumb{color:#929292;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;line-height:1;display:flex}.little-fish-breadcrumb a{color:var(--accent);transition:opacity .16s}.little-fish-breadcrumb a:hover{opacity:.68}.little-fish-content h1{color:#f0f0f0;margin:0 0 12px;font-size:clamp(38px,4.2vw,62px);font-weight:800;line-height:1}.little-fish-title-en{color:#f2f2f2;font-family:"Dela Gothic One", var(--font-main);white-space:nowrap;margin:0;font-size:clamp(28px,2.5vw,42px);font-weight:400;line-height:.95}.my-little-school-content{width:min(960px,90vw)}.my-little-school-content .little-fish-title-en{font-size:clamp(38px,3.4vw,58px)}.my-little-school-content .little-fish-description{max-width:650px}.kiyos-room-content{width:min(1000px,92vw)}.kiyos-room-content .little-fish-description{max-width:1000px;margin-top:30px;line-height:1.5}.kiyos-room-content .little-fish-title-en{font-size:64px}.kiyos-room-content h1{font-size:62px;font-weight:600}.rain-dream-vr-content h1{font-size:66px;font-weight:700}.rain-dream-vr-content .little-fish-title-en{font-size:64px}.rain-dream-vr-content{width:min(1200px,92vw)}.rain-dream-vr-content .little-fish-description{max-width:1000px;margin-top:30px;line-height:1.5}.rain-dream-content{width:min(1000px,92vw)}.rain-dream-content .little-fish-title-en{font-size:clamp(38px,3.6vw,60px)}.rain-dream-content .little-fish-description{max-width:820px;margin-top:clamp(32px,4.2vh,46px);font-size:11px}.cycle-content{width:min(920px,90vw)}.cycle-content .little-fish-title-en{font-size:clamp(42px,4vw,68px)}.cycle-content .little-fish-description{max-width:900px}.cycle-content .little-fish-description p:last-child{white-space:nowrap}.nudge-background{background-image:url(/studio/portfolio/game-design/nudge/background.webp)}.nudge-content{width:min(1080px,92vw)}.nudge-content h1{font-family:"Dela Gothic One", var(--font-main);margin-bottom:0;font-size:clamp(44px,5.5vw,82px);font-weight:400;line-height:.95}.nudge-description{max-width:960px;margin-top:clamp(28px,3.8vh,42px);line-height:1.55}.nudge-description div p+p,.nudge-description .nudge-description-en{margin-top:3px}.nudge-link{color:#9a9a9a;overflow-wrap:anywhere;max-width:90vw;margin-top:20px;font-size:12px;font-style:italic;line-height:1.4;transition:color .16s}.nudge-link:hover,.nudge-link:focus-visible{color:var(--accent)}.disjointed-background{background-image:url(/studio/portfolio/game-design/disjointed/background.webp)}.disjointed-content{width:min(900px,90vw)}.disjointed-content .little-fish-title-en{font-size:clamp(44px,4.6vw,72px)}.disjointed-description{max-width:760px;margin-top:clamp(30px,4.2vh,46px)}.graffiti-background{background-image:url(/studio/portfolio/game-design/graffiti-friends/background.webp)}.graffiti-content{width:min(980px,92vw)}.graffiti-content .little-fish-title-en{font-size:clamp(42px,4.5vw,72px)}.graffiti-description{max-width:800px;margin-top:clamp(30px,4.2vh,46px)}.yoyo-background{background-image:url(/studio/portfolio/game-design/yoyo/background.webp)}.yoyo-content{width:min(900px,90vw)}.yoyo-content .little-fish-title-en{font-size:clamp(44px,4.8vw,76px)}.yoyo-description{max-width:760px;margin-top:clamp(30px,4.2vh,46px)}.hole-background{background-image:url(/studio/portfolio/game-design/crawl-into-a-hole/background.webp)}.hole-content{width:min(980px,92vw)}.hole-content .little-fish-title-en{font-size:clamp(42px,4.8vw,76px)}.hole-description{max-width:800px;margin-top:clamp(30px,4.2vh,46px)}.walkingteddy-background{background-image:url(/studio/portfolio/game-design/walkingteddy/background.webp)}.walkingteddy-content{width:min(900px,90vw)}.walkingteddy-content h1{font-family:"Dela Gothic One", var(--font-main);margin-bottom:0;font-size:clamp(48px,5.5vw,86px);font-weight:400;line-height:.95}.walkingteddy-description{max-width:760px;margin-top:clamp(34px,4.6vh,50px)}.old-town-background{background-image:url(/studio/portfolio/game-design/old-town/background.webp)}.old-town-content{width:min(980px,92vw)}.old-town-content .little-fish-title-en{font-size:clamp(42px,4.8vw,76px)}.old-town-description{max-width:820px;margin-top:clamp(30px,4.2vh,46px)}.place-background{background-image:url(/studio/portfolio/game-design/a-place-to-belong/background.webp)}.place-content{width:min(1000px,92vw)}.place-content .little-fish-title-en{font-size:clamp(42px,4.8vw,76px)}.place-description{max-width:900px;margin-top:clamp(30px,4.2vh,46px)}.playable-catalog-background{background-image:url(/studio/portfolio/game-design/playable-catalog/background.webp)}.playable-catalog-content{width:min(1040px,92vw)}.playable-catalog-content .little-fish-title-en{font-size:clamp(42px,4.8vw,76px)}.playable-catalog-description{max-width:940px;margin-top:clamp(28px,4vh,44px)}.little-yokai-background{background-image:url(/studio/portfolio/illustration/little-yokai/background.webp)}.little-yokai-content{width:min(1040px,92vw);top:36.5%}.little-yokai-content .little-fish-title-en{font-size:clamp(36px,3.8vw,62px)}.little-yokai-description{max-width:900px;margin-top:clamp(26px,3.4vh,38px)}.garbage-king-background{background-image:url(/assets/background-p3EwREvO.webp)}.garbage-king-content{width:min(1120px,92vw);top:38%}.garbage-king-content h1{font-size:clamp(44px,3.3vw,60px)}.garbage-king-content .little-fish-title-en{font-size:clamp(32px,3vw,50px)}.garbage-king-description{max-width:980px;margin-top:clamp(16px,2vh,22px)}.little-yokai-gallery{z-index:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;height:clamp(205px,32svh,360px);display:grid;position:absolute;bottom:16px;left:18px;right:18px;overflow:hidden}.little-yokai-gallery img{object-fit:cover;width:100%;height:100%;display:block}.little-yokai-gallery-item{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;overflow:hidden}.little-yokai-gallery-item img{transition:transform .32s cubic-bezier(.16,1,.3,1)}.little-yokai-gallery-item:hover img,.little-yokai-gallery-item:focus-visible img{transform:scale(1.025)}.little-yokai-gallery-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.garbage-king-gallery{height:clamp(220px,35svh,390px);display:block;overflow:visible}.garbage-king-gallery .little-yokai-gallery-item{position:absolute;top:0;bottom:0;overflow:visible}.garbage-king-gallery .little-yokai-gallery-item:first-child{width:28%;left:-2%}.garbage-king-gallery .little-yokai-gallery-item:nth-child(2){width:32%;left:22%}.garbage-king-gallery .little-yokai-gallery-item:nth-child(3){width:42%;right:2%;transform:translateY(-20px)}.garbage-king-gallery .little-yokai-gallery-item:nth-child(-n+2) img{object-fit:contain}.garbage-king-gallery .little-yokai-gallery-item:first-child img{transform:rotate(12deg)scale(.88)}.garbage-king-gallery .little-yokai-gallery-item:nth-child(2) img{transform:rotate(5deg)scale(.96)}.garbage-king-gallery .little-yokai-gallery-item:first-child:hover img,.garbage-king-gallery .little-yokai-gallery-item:first-child:focus-visible img{transform:rotate(9deg)scale(.93)}.garbage-king-gallery .little-yokai-gallery-item:nth-child(2):hover img,.garbage-king-gallery .little-yokai-gallery-item:nth-child(2):focus-visible img{transform:rotate(3deg)scale(1.01)}body.detail-image-modal-open{overflow:hidden}.detail-image-modal{z-index:1500;opacity:0;visibility:hidden;place-items:center;transition:opacity .26s,visibility 0s linear .26s;display:grid;position:fixed;inset:0;overflow:hidden}.detail-image-modal.is-open{opacity:1;visibility:visible;transition-delay:0s}.detail-image-modal-backdrop{cursor:zoom-out;-webkit-backdrop-filter:blur(16px)saturate(.82);background:#121212b8;border:0;width:100%;height:100%;position:absolute;inset:0}.detail-image-modal-content{z-index:1;pointer-events:none;justify-content:center;align-items:center;max-width:90vw;max-height:92svh;display:flex;position:relative}.detail-image-modal-figure{pointer-events:auto;justify-content:center;align-items:center;margin:0;display:flex}.detail-image-modal-image{object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;max-width:88vw;height:auto;max-height:86svh;transform:scale(var(--detail-image-zoom,1));transform-origin:var(--detail-image-origin-x,50%) var(--detail-image-origin-y,50%);will-change:transform;transition:transform .14s cubic-bezier(.16,1,.3,1);display:block}.detail-image-modal.is-zoomed .detail-image-modal-image{cursor:zoom-out}.detail-image-modal-close{z-index:3;color:#f7f7f7;width:34px;height:34px;font-family:var(--font-main);cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;font-size:30px;font-weight:300;line-height:32px;position:fixed;top:26px;right:30px}.detail-image-modal-nav{z-index:3;cursor:pointer;opacity:.68;pointer-events:auto;background:0 0;border:0;width:30px;height:30px;padding:0;transition:opacity .14s,transform .14s;position:fixed;top:50%;transform:translateY(-50%)}.detail-image-modal-prev{left:22px}.detail-image-modal-next{right:22px}.detail-image-modal-nav img{object-fit:contain;width:100%;height:100%;display:block}.detail-image-modal-next img{transform:rotate(180deg)}.detail-image-modal-nav:hover,.detail-image-modal-nav:focus-visible{opacity:1;transform:translateY(-50%)scale(1.08)}.little-fish-description{color:#9a9a9a;margin-top:clamp(38px,5.1vh,58px);font-size:12px;line-height:1.5}.little-fish-description p{margin:0}.little-fish-author{color:#d8d8d8;margin:18px 0 0;font-size:clamp(17px,1.25vw,21px);font-weight:600;line-height:1}.little-fish-author-link{color:inherit;cursor:pointer;align-items:center;padding:3px 0;transition:color .18s,transform .24s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.little-fish-author-link:hover,.little-fish-author-link:focus-visible{color:var(--accent);transform:translateY(-2px)}.little-fish-author-link:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.little-fish-author-link.is-static-author{cursor:default}.author-avatar-preview{z-index:45;object-fit:contain;width:clamp(82px,7.5vw,118px);max-height:150px;image-rendering:pixelated;filter:drop-shadow(0 12px 14px #00000061);opacity:0;pointer-events:none;transform-origin:0 100%;visibility:hidden;transition:opacity .18s,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;display:block;position:fixed;top:0;left:0;transform:translateY(8px)scale(.86)}.author-avatar-preview.is-visible{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)scale(1)}.author-avatar-preview.is-bouncy.is-visible{animation:.76s cubic-bezier(.45,0,.55,1) infinite studio-author-avatar-bounce}@keyframes studio-author-avatar-bounce{0%,to{transform:translateY(0)scale(1)}45%{transform:translateY(-13px)scale(1.03,.97)}70%{transform:translateY(1px)scale(.98,1.02)}}.little-fish-play{border:2px solid var(--accent);cursor:pointer;border-radius:50%;place-items:center;width:42px;height:42px;margin-top:clamp(44px,6.2vh,68px);transition:color .18s,background-color .18s,transform .26s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.little-fish-play span{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--accent);width:0;height:0;margin-left:3px;transition:border-left-color .18s}.little-fish-play:hover{background:var(--accent);transform:scale(1.12)}.little-fish-play:hover span{border-left-color:#fff}.video-modal{z-index:100;opacity:0;visibility:hidden;background:#080808f5;place-items:center;padding:54px;transition:opacity .36s,visibility 0s linear .36s;display:grid;position:fixed;inset:0}.video-modal.is-visible{opacity:1;visibility:visible;transition-delay:0s}.little-fish-video{background:#000;width:min(1280px,94vw);max-height:calc(100svh - 108px);display:block}.little-fish-video[hidden]{display:none}.video-gallery{place-items:center;display:grid}.video-gallery-switch{z-index:2;cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:7px;transition:background-color .18s,border-color .18s,transform .22s;position:absolute;top:50%;transform:translateY(-50%)}.video-gallery-switch-prev{left:18px}.video-gallery-switch-next{right:18px}.video-gallery-switch img{filter:brightness(2.5);width:100%;height:100%;display:block}.video-gallery-switch-next img{transform:rotate(180deg)}.video-gallery-switch:hover,.video-gallery-switch:focus-visible{background:0 0}.video-gallery-switch-prev:hover,.video-gallery-switch-prev:focus-visible{transform:translate(-4px,-50%)}.video-gallery-switch-next:hover,.video-gallery-switch-next:focus-visible{transform:translate(4px,-50%)}.video-close{z-index:2;color:#fff;cursor:pointer;font-size:34px;font-weight:300;line-height:1;transition:color .16s,transform .16s;position:absolute;top:18px;right:24px}.video-close:hover{color:var(--accent);transform:rotate(8deg)}@keyframes background-enter{0%{opacity:0;transform:scale(1.06)}}@keyframes content-enter{0%{opacity:0;transform:translate(-50%,calc(24px - 50%))}}@media (width<=900px){.header{padding:22px 18px 0}.nav{gap:20px}.nav-link:nth-child(n+4){display:none}.detail-back{top:58px;left:18px}.detail-project-switch{width:32px;height:32px}.detail-project-switch-prev{left:12px}.detail-project-switch-next{right:12px}.little-fish-content{width:calc(100vw - 36px);top:50%}.little-fish-breadcrumb{margin-bottom:15px}.little-fish-content h1{margin-bottom:16px;font-size:clamp(34px,10vw,48px)}.little-fish-title-en{white-space:normal;font-size:clamp(26px,7.2vw,38px)}.little-fish-description{margin-top:34px}.cycle-content .little-fish-description p:last-child{white-space:normal}.little-fish-play{margin-top:38px}.nudge-description{margin-top:24px;font-size:10px;line-height:1.35}.nudge-link{margin-top:14px;font-size:10px}.nudge-content .little-fish-play,.disjointed-description,.graffiti-description,.yoyo-description,.hole-description,.walkingteddy-description,.old-town-description,.place-description{margin-top:28px}.playable-catalog-description{margin-top:26px;font-size:10px;line-height:1.4}.little-yokai-content{top:39%}.little-yokai-content .little-fish-title-en{font-size:clamp(25px,7vw,38px)}.little-yokai-description{margin-top:24px;font-size:10px;line-height:1.4}.garbage-king-content{top:36%}.garbage-king-content h1{font-size:clamp(30px,8vw,44px)}.garbage-king-content .little-fish-title-en{font-size:clamp(23px,6.4vw,34px)}.garbage-king-description{margin-top:20px}.little-yokai-gallery{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:82vw;grid-auto-flow:column;height:25svh;bottom:12px;left:12px;right:12px;overflow-x:auto}.little-yokai-gallery-item{scroll-snap-align:center}.garbage-king-gallery{gap:8px;height:28svh;display:grid;overflow-x:auto}.garbage-king-gallery .little-yokai-gallery-item{width:100%;height:100%;position:relative;inset:auto}.detail-image-modal-image{max-width:86vw;max-height:80svh}.detail-image-modal-close{top:16px;right:16px}.detail-image-modal-nav{width:26px;height:26px}.detail-image-modal-prev{left:10px}.detail-image-modal-next{right:10px}.author-avatar-preview{display:none}.video-modal{padding:48px 12px 18px}.little-fish-video{width:100%;max-height:calc(100svh - 66px)}.video-gallery{width:calc(100vw - 24px)}.video-gallery-switch{width:38px;height:38px;padding:6px}.video-gallery-switch-prev{left:6px}.video-gallery-switch-next{right:6px}}@media (prefers-reduced-motion:reduce){.little-fish-background,.little-fish-content{animation:none}.little-fish-play,.video-modal,.detail-project-switch,.video-gallery-switch,.little-fish-author-link,.author-avatar-preview,.little-yokai-gallery-item img,.detail-image-modal,.detail-image-modal-image,.detail-image-modal-nav{transition:none}}