@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.root-layout{justify-content:center;width:100%;height:100dvh;display:flex;overflow:hidden}.app-container{box-sizing:border-box;width:100%;height:100%;overflow:hidden}@media (width>=768px){.root-layout{box-sizing:border-box;align-items:center;padding:12px}.app-container{aspect-ratio:9/16;width:min(100%,56.25dvh);height:auto;max-height:100dvh}}.dot-loader{justify-content:center;align-items:center;gap:8px;height:40px;display:flex}.dot-loader span{background-color:#49423e;border-radius:50%;width:6px;height:6px;animation:2s infinite both dot-wave}.dot-loader span:nth-child(2){animation-delay:.2s}.dot-loader span:nth-child(3){animation-delay:.4s}@keyframes dot-wave{0%,5%{transform:translateY(0)}35%,50%{transform:translateY(-6px)}85%,to{transform:translateY(0)}}.banner{isolation:isolate;position:relative;overflow:hidden}.banner:before,.banner:after{content:"";z-index:-1;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.banner:before{background-image:url(/background/rain_1.png);animation:2s infinite fadeFirst}.banner:after{background-image:url(/background/rain_2.png);animation:2s infinite fadeSecond}@keyframes fadeFirst{0%,40%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@keyframes fadeSecond{0%,40%{opacity:0}50%,90%{opacity:1}to{opacity:0}}.banner>*{z-index:1;position:relative}