.view--home-fallback{width:100%;height:100%;position:relative;overflow:hidden}.view--home-fallback .home-fallback-pattern,.view--home-fallback .home-fallback-bg{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.view--home-fallback .home-fallback-bg{z-index:1}.view--home-fallback .home-fallback-zone{z-index:2;cursor:pointer;background:0 0;border:none;width:1.4rem;height:auto;padding:0;line-height:0;position:absolute}.view--home-fallback .home-fallback-zone .zone-img{pointer-events:none;width:100%;height:auto;display:block}.view--home-fallback .home-fallback-zone .zone-img--hover,.view--home-fallback .home-fallback-zone:hover .zone-img{display:none}.view--home-fallback .home-fallback-zone:hover .zone-img--hover{display:block}.view--home-fallback .home-fallback-zone[data-zone=demo]{top:52%;left:44%}html.mobile .view--home-fallback .home-fallback-zone[data-zone=demo]{top:42%;left:14%}.view--home-fallback .home-fallback-zone[data-zone=book]{top:18%;left:18%}html.mobile .view--home-fallback .home-fallback-zone[data-zone=book]{top:32%;left:24%}.view--home-fallback .home-fallback-zone[data-zone=wupa]{top:14%;left:60%}html.mobile .view--home-fallback .home-fallback-zone[data-zone=wupa]{top:34%;left:60%}.view--home-fallback .home-fallback-zone[data-zone=reception]{top:55%;left:78%}html.mobile .view--home-fallback .home-fallback-zone[data-zone=reception]{top:55%;left:42%}.page--loading{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.page--loading .loading-bg-rect{pointer-events:none;z-index:0;will-change:transform;background:url(/shrinkatgamescom/ossweb-img/box--loading-bg-rect-Bx1P7LSM.png) 0 0/5.08rem 5.08rem;width:400%;height:400%;animation:20s linear infinite loading-bg-drift;position:absolute;top:-150%;left:-150%;transform:rotate(-30deg)}.page--loading .loading-container{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.page--loading .loading-container .loading-gif{width:3.2rem;height:auto;margin-bottom:.16rem}html.mobile .page--loading .loading-container .loading-gif{width:5rem;font-size:.37rem}.page--loading .loading-container .loading-text{--max-width:none;text-align:center;width:-moz-fit-content;width:fit-content;padding:0 1rem;font-size:.3rem}html.mobile .page--loading .loading-container .loading-text{--max-width:9.6rem;font-size:.37rem}.page--loading .act-tip{z-index:1;text-align:center;padding:.45rem 5rem;font-size:.2rem;position:relative}html.mobile .page--loading .act-tip{padding:.6rem 1rem;font-size:.26rem}@keyframes loading-bg-drift{0%{transform:rotate(-30deg)translate(0)}to{transform:rotate(-30deg)translate(-5.08rem,-5.08rem)}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif}html{overscroll-behavior:none;overflow:hidden}body{overscroll-behavior:none;background:#1f1f1f;width:100%;height:100%;margin:0;padding:0;font-size:.16rem;position:fixed;top:0;left:0;overflow:hidden}body input{min-width:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0}:not(:-webkit-any(input,textarea,.selectable)){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}:not(:is(input,textarea,.selectable)){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none;user-drag:none;-moz-user-drag:none}::-webkit-scrollbar{display:none}#root{color:#b68e62;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:HYZhengYuan-75S;font-size:.3rem;line-height:1.4}html.lang-kr #root{font-family:SweiGothicCJKtc}#root *{box-sizing:border-box}#root{background-color:#1f1f1f;justify-content:center;align-items:center;width:100%;height:100%;display:flex}html.mobile #root{height:100vh;align-items:center;height:100dvh;overflow:hidden}.app{width:var(--design-w);height:var(--design-h);flex:none;position:relative;overflow:hidden}html.mobile .app{width:10rem;height:100vh;background:#f8ebdb;height:100dvh;overflow:hidden}.app .nav-bar{z-index:30;width:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translateY(-100%)}.app .nav-bar.entered{transform:translateY(0)}.page-home,.page-brush-challenge,.page-fairytale-book,.page-fairytale-book-share,.page-demo-zone{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}html.mobile .page-home,html.mobile .page-brush-challenge,html.mobile .page-fairytale-book,html.mobile .page-fairytale-book-share,html.mobile .page-demo-zone{height:100vh;height:100dvh}.page-home.hidden,.page-brush-challenge.hidden,.page-fairytale-book.hidden,.page-fairytale-book-share.hidden,.page-demo-zone.hidden{display:none}.page-home{flex-direction:column;align-items:center;display:flex}.page-home.is-loading{visibility:hidden}.page-home .page-home-canvas{width:100%;height:100%}.page-home .operation-tip{text-align:center;opacity:0;z-index:30;width:-moz-fit-content;width:fit-content;font-size:.28rem;transition:opacity .6s,translate .6s;position:absolute;bottom:.7rem;left:50%;translate:-50% .3rem}.page-home .operation-tip.entered{opacity:1;translate:-50%}html.mobile .page-home .operation-tip{bottom:6.93vh;font-size:.34rem;bottom:6.93dvh}.page-loading{z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}html.mobile .page-loading{height:100vh;height:100dvh}.pt-mask-expand,.pt-mask-collapse{--pt-x:115%;--pt-y:115%;z-index:20}.pt-mask-expand{animation:.8s cubic-bezier(.4,0,.2,1) forwards pt-circle-expand}@keyframes pt-circle-expand{0%{clip-path:circle(0% at var(--pt-x) var(--pt-y))}to{clip-path:circle(150% at var(--pt-x) var(--pt-y))}}.pt-mask-collapse{animation:.8s cubic-bezier(.4,0,.2,1) forwards pt-circle-collapse}@keyframes pt-circle-collapse{0%{clip-path:circle(150% at var(--pt-x) var(--pt-y))}to{clip-path:circle(0% at var(--pt-x) var(--pt-y))}}.pt-hold-anim *,.pt-hold-anim :before,.pt-hold-anim :after{animation-play-state:paused!important}.pt-leave{animation:.8s ease-in forwards pt-leave}@keyframes pt-leave{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(.98)}}#buttons-overlay img{opacity:0}#buttons-overlay img.btn-drop-in{animation:button-drop .5s cubic-bezier(.22, 1.2, .36, 1) var(--btn-delay,0s) both}@keyframes button-drop{0%{opacity:0;transform:translateY(-60px)scaleY(1)}60%{opacity:1;transform:translateY(4px)scaleY(.9)}to{opacity:1;transform:translateY(0)scaleY(1)}}