@font-face{font-family:CloudHand;src:url('/production/fonts/wenkai.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:CloudTitle;src:url('/production/fonts/kuaile.ttf') format('truetype');font-display:swap;font-weight:400}
:root{font-family:CloudHand,sans-serif}button,select,input,.stage text,.heading,.caption{font-family:CloudHand,sans-serif!important}.heading h1,.film-home h1,.film-end h1,.film-settings h1{font-family:CloudTitle,CloudHand,sans-serif!important;font-weight:400!important}
body{background:#dcebf0}#game{background:#f4f4eb}#game:has(.page:not(.gift-page)){background:#f4f4eb url('/production/V9-large-art/day-cloud-stage.webp') center/cover}
.page{background:linear-gradient(#f8fbf6b0,#eaf4f280)}
header button{font-size:21px;min-width:44px}header span{letter-spacing:.12em}
.heading h1{font-size:30px;letter-spacing:.06em}.heading small{letter-spacing:.15em;color:#7398a9}
button{border-radius:22px}.primary{background:#638da6;box-shadow:0 4px 0 #47758b30,inset 0 1px 0 #ffffff60;min-height:50px;letter-spacing:.08em}
.hint-area{background:linear-gradient(transparent,#fbf8ee);padding-top:12px}.tools [data-direct]{display:none}
.film-home{position:relative;background:#dbeef6 url('/production/V9-large-art/home-cover.webp') center/cover;justify-content:flex-end;padding:0 28px max(38px,env(safe-area-inset-bottom));gap:12px}
.film-home .home-controls{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:28px;background:#fffaf0d9;box-shadow:0 8px 28px #57758b17}.film-home h1{font-size:23px;text-align:center;margin:0 0 10px;font-weight:500}.home-settings{position:absolute;right:16px;top:max(20px,env(safe-area-inset-top));background:#fff8e9c9}
.film-settings{padding:26px;gap:18px;background:#f8f7ed;overflow:auto}.film-settings h1{font-size:26px}.film-settings button,.film-settings a{display:block;padding:18px;border-radius:18px;background:#e5eff0;color:#385c72;text-decoration:none}.film-settings p{line-height:1.8;color:#6a8290}
.media-page{background:#fff9ec url('/production/V9-large-art/cream-reading-paper.webp') center/cover}.media-scroll{scrollbar-width:thin}.caption{padding-top:24px}.caption p{line-height:1.9!important}.return-bar{background:#fff9eccc;padding-bottom:max(18px,env(safe-area-inset-bottom))}.return-bar button{width:100%}.media-controls button{font-size:12px;background:transparent}.production-sequence{overflow:hidden!important}
.film-end{justify-content:center;align-items:center;text-align:center;padding:32px;background:#daeaf1 url('/production/V9-large-art/home-clean-plate.webp') center/cover;gap:16px}.film-end h1{font-size:30px}.film-end img{width:100%;max-width:330px}.film-end button{width:80%}

.gift-page{position:relative;background:#c8dbe9 url('/production/V9-large-art/night-gift-clouds.webp') center/cover;align-items:center;justify-content:center}.gift-countdown{text-align:center;color:#fff8e9;text-shadow:0 2px 8px #354e8650;margin-top:-30vh}.gift-countdown>span{font-family:CloudTitle,sans-serif;font-size:44px}.gift-countdown>div{font-size:27px;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-top:16px}.gift-countdown p{font-size:14px}.secret-cloud{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:20px;width:74px;height:55px;padding:8px;background:transparent}.secret-cloud svg{width:100%;height:100%}.film-settings [data-push-status]{min-height:58px}

.scene-effect{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:5}.scene-effect svg{overflow:hidden}.film-reveal{animation:film-iris .7s cubic-bezier(.16,1,.3,1) both}@keyframes film-iris{from{clip-path:inset(40% 40% round 50%);opacity:.5}to{clip-path:inset(0 round 0);opacity:1}}
.media-box .video-start{top:auto;bottom:60px;left:50%;transform:translateX(-50%);padding:12px 22px;font-size:15px;min-height:44px;white-space:nowrap}
.film-settings [hidden]{display:none!important}
