*{user-select:none}:root{--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);@supports (padding: constant(safe-area-inset-top)){--sat: constant(safe-area-inset-top);--sar: constant(safe-area-inset-right);--sab: constant(safe-area-inset-bottom);--sal: constant(safe-area-inset-left)}}html{inset:0;margin:0;padding:0;overflow:hidden!important}body{position:absolute;inset:0;overflow:hidden;margin:0;padding:0}body,canvas{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#app{position:absolute;width:100%;height:100%;margin:0;text-align:center;overflow:hidden}.container{position:absolute;container-name:container;container-type:size;background:#000}.constrainRatio{position:absolute;aspect-ratio:auto;width:100%;height:100%;margin:0;inset:0;overflow:hidden}@container container (aspect-ratio > 16 / 9){.constrainRatio{aspect-ratio:16 / 9!important;width:auto!important;margin:auto!important}}@container container (aspect-ratio < 9 / 21){.constrainRatio{aspect-ratio:9 / 21!important;height:auto!important;margin:auto!important}}.appCanvas{width:100%;height:100%;margin:0;overflow:hidden}.policy{position:absolute;zIndex:1000;color:#fff;overflow-y:scroll;font-size:2.2vh;text-align:justify;padding-right:1%}.logoScreen{background:#fff;pointer-events:none;user-select:none;z-index:3;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;overflow:hidden;display:flex;justify-content:center;align-items:center}.logoScreen.hiding{transition:opacity .3s ease-in-out;opacity:0}.logoScreen>div{position:relative;max-width:33vw;max-height:50vh;display:flex;flex-direction:column;align-items:center;gap:10vmin;--fadeInDuration: .3;--pendingDuration: .8;--fadeOutDuration: .3;opacity:0;animation:fadeIn calc(var(--fadeInDuration) * 1s) 0s ease-in-out forwards,fadeOut calc(var(--fadeOutDuration) * 1s) calc((var(--fadeInDuration) + var(--pendingDuration)) * 1s) ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.logoScreen img{max-width:33vw;max-height:100%;display:block;object-fit:contain;object-position:bottom}.logoScreen #credits{font-size:3vmin;word-break:keep-all;white-space:nowrap;text-align:center}.splash{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;overflow:hidden}.splash .sky{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}.splash .clouds_background{position:absolute;z-index:2;left:0;width:100%;object-fit:contain;object-position:center bottom}.splash .water{position:absolute;z-index:3;left:0;width:100%;height:100%}.splash .hill_2{position:absolute;z-index:7;object-fit:contain;object-position:right bottom}.splash .hill_1{position:absolute;z-index:8;object-fit:contain;object-position:left bottom}.splash .hill_3{position:absolute;z-index:6;object-fit:contain;object-position:center 80%;left:80%;translate:-50% 20%}.splash .hill_4{position:absolute;z-index:5;object-fit:contain;object-position:center 82%;right:0;translate:-50% 18%}.splash .hill_5{position:absolute;z-index:4;object-fit:contain;object-position:center 90%;left:25%;translate:-50% 10%}.splash .logo{position:absolute;z-index:10;left:10%;top:6%;object-fit:contain;object-position:center center;height:30%;width:80%}.splash .food_L{position:absolute;z-index:11;left:25%;bottom:-10%;object-fit:contain;object-position:left bottom;max-width:110%;height:30%}.splash .food_R{position:absolute;z-index:12;right:0;bottom:-10%;object-fit:contain;object-position:right bottom;max-width:100%;height:40%}.splash .molang{position:absolute;z-index:13;left:0;bottom:0;object-fit:contain;object-position:left bottom;max-width:45%}.splash .piupiu{position:absolute;z-index:14;right:0;bottom:0;object-fit:contain;object-position:right bottom;max-width:50%}#overlay{position:absolute;width:100%;height:100%;z-index:5;background:#00000080;display:none}.overlay>#overlay{display:block}video::-internal-media-controls-overlay-cast-button{display:none}.splash-icons{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:20px;opacity:1;z-index:1000;transition:opacity .6s ease-out}.splash-icons>.background{border-radius:50px;background:#fff;opacity:0;height:70px;width:210px;position:absolute;z-index:-1}.splash-icon{width:50px;height:auto;animation:bounce 1s infinite;animation-timing-function:steps(4);transform:translateY(0)}.splash-icon:first-child{animation-delay:.2s}.splash-icon:nth-child(2){animation-delay:.4s}.splash-icon:nth-child(3){animation-delay:.6s}@keyframes bounce{0%{transform:translateY(0)}25%{transform:translateY(-20px)}50%{transform:translateY(0)}to{transform:translateY(0)}}