html,body{overflow:hidden!important;height:100%!important;margin:0;padding:0;touch-action:none;-ms-touch-action:none;overscroll-behavior:none;background-color:var(--loader-page-bg-color, transparent);background-image:var(--loader-page-bg-image, none);background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;display:flex;justify-content:center;align-items:center;font-family:Inter,Pridi,sans-serif}#html-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--loader-page-bg-color, transparent);background-image:var(--loader-page-bg-image, none);background-position:center center;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s ease-out}#html-loader.hidden{opacity:0;pointer-events:none}.loader-panel{position:relative;width:100%;max-width:var(--game-column-max-width, 420px);height:100%;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.loader-middle-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:var(--loader-panel-bg-color, #000);background-image:var(--loader-panel-bg-image, none);background-position:center center;background-size:cover;background-repeat:no-repeat;background-blend-mode:multiply}.loader-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.loader-logo-wrap{position:relative;width:var(--loader-logo-wrap-width, 320px);height:var(--loader-logo-wrap-height, 320px);margin-top:8vh;display:flex;justify-content:center;align-items:center;animation:logoFloat 3s ease-in-out infinite}.loader-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--loader-logo-frame-image, none);background-position:center center;background-size:contain;background-repeat:no-repeat}.loader-logo{position:relative;width:var(--loader-logo-width, 230px);height:var(--loader-logo-height, 80px);background-image:var(--loader-logo-image, none);background-position:center center;background-size:contain;background-repeat:no-repeat;filter:var(--loader-logo-filter, none)}.loader-status{position:absolute;bottom:20%;left:0;right:0;color:var(--loader-status-color, #c8c8c8);font-size:16px;text-align:center;min-height:24px;transition:color .3s ease}#loader-lottie{position:absolute;bottom:7%;left:50%;transform:translate(-50%);width:50%;max-width:440px;height:120px}#loader-lottie svg,#loader-lottie canvas{width:100%!important;height:100%!important;display:block}.loader-status.warning{color:var(--loader-status-warning-color, #ff9500)}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 420px){.loader-logo-wrap{width:min(var(--loader-logo-wrap-width, 320px),260px);height:min(var(--loader-logo-wrap-height, 320px),260px)}.loader-logo{width:min(var(--loader-logo-width, 230px),280px);height:min(var(--loader-logo-height, 80px),140px)}}.resultScreen-canvas{max-width:430px;min-width:430px;height:45%;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);display:block;z-index:1000;pointer-events:none}.bust-canvas{height:200px!important;position:absolute;top:0;display:block;z-index:1000}#page-webview-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-color:var(--loader-page-bg-color, transparent);background-image:var(--loader-page-bg-image, none);background-position:center center;background-size:cover;background-repeat:no-repeat}#game-container{position:fixed;top:0;left:0;z-index:1;touch-action:none}body>canvas{display:block;max-width:var(--game-column-max-width, 420px);position:relative;z-index:1;touch-action:none}
