.garden-panel{z-index:15;background:#f5f1e7;width:min(100%,480px);padding:0;position:fixed;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.garden-panel iframe{border:0;width:100%;height:100%;display:block}.garden-prologue{z-index:40;width:100%;bottom:0!important}body.garden-open #app>.screen,body.garden-prologue-open #app{visibility:hidden}body.garden-open #app>.screen *,body.garden-open #app>.screen :before,body.garden-open #app>.screen :after{animation-play-state:paused!important}.garden-loading{color:#67563d;background:#f5f1e7;flex-direction:column;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.garden-loading button{font:inherit;color:inherit;background:#e6dccb;border:0;border-radius:24px;padding:12px 24px}.garden-loading[hidden]{display:none}.title-screen{z-index:60;background:#f6d9a8;flex-direction:column;justify-content:space-between;align-items:center;transition:opacity .36s;display:flex;position:fixed;inset:0;overflow:hidden}.title-screen.leaving{opacity:0;pointer-events:none}.title-art{object-fit:cover;object-position:50% 62%;width:100%;height:100%;position:absolute;inset:0}.title-top{z-index:1;width:100%;padding-top:calc(max(var(--native-top,0px),env(safe-area-inset-top,0px)) + 9vh);justify-content:center;display:flex;position:relative}.title-logo{filter:drop-shadow(0 6px 14px #5a330c66);width:min(78%,360px);height:auto;animation:3.2s ease-in-out infinite title-float}.title-bottom{z-index:1;padding-bottom:calc(max(var(--native-bottom,0px),env(safe-area-inset-bottom,0px)) + 2.5vh);flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.title-start{letter-spacing:.02em;color:#fff8e9;text-shadow:0 1px #0003;background:linear-gradient(#d98b3a,#b8742f);border:3px solid #fff3d6;border-radius:30px;min-width:210px;min-height:60px;padding:14px 36px;font-size:21px;font-weight:900;animation:1.8s ease-in-out infinite title-pulse;box-shadow:0 6px #7d4610,0 10px 24px #4a260744}.title-start:active{transform:translateY(4px);box-shadow:0 2px #7d4610}.title-bottom small{color:#fff8e9;text-shadow:0 1px 3px #4a2607aa;font-size:12px;font-weight:700}body.title-open #app{visibility:hidden}body.title-open{overflow:hidden}@media (min-aspect-ratio:2/3){.title-screen{background:#3a2412}.title-screen:before{content:"";filter:blur(28px)brightness(.72);background:url(../asset/art/web/title_art.webp) 50%/cover;position:absolute;inset:-48px}.title-art{width:66.6667vh;width:66.6667dvh;left:50%;right:auto;transform:translate(-50%);box-shadow:0 0 48px #0007}}@keyframes title-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes title-pulse{0%,to{box-shadow:0 6px #7d4610,0 10px 24px #4a260744}50%{box-shadow:0 6px #7d4610,0 10px 24px #4a260744,0 0 0 9px #ffd98a55}}@media (prefers-reduced-motion:reduce){.title-logo,.title-start{animation:none}}
@supports not (height:1dvh){:root{--play-height:calc(100vh - var(--native-top) - var(--native-bottom))}}