:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#214b65;background:#dff7ff;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%}html,body{margin:0;min-height:100vh;min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit}.app--home{position:relative;width:100%;height:var(--app-height, 100dvh);overflow-y:auto;overscroll-behavior-y:contain;background:radial-gradient(circle at 50% 18%,rgb(94 196 245 / 92%),transparent 54%),#247db9;scrollbar-width:none}.app--home::-webkit-scrollbar{display:none}.milo-home{position:relative;isolation:isolate;width:min(100%,941px);min-height:100%;margin:0 auto;overflow:hidden;color:#64421e;font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#78d5f7,#bdeeff 74%,#f4fbff);box-shadow:0 0 48px #0f4f7652;container-type:inline-size}.milo-home__stage{position:relative;z-index:1;width:100%;aspect-ratio:941 / 1672;overflow:hidden}.milo-home__background{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.milo-home__extension{position:absolute;z-index:0;top:177.45cqw;right:0;bottom:0;left:0;display:block;width:100%;height:max(0px,calc(100% - 177.45cqw));object-fit:cover;object-position:50% 100%;pointer-events:none}.milo-home:after{position:absolute;z-index:3;top:170.45cqw;right:0;left:0;height:14cqw;content:"";pointer-events:none;background:linear-gradient(180deg,#e7f6fd00,#e7f6fd6b 48%,#e7f6fd00);-webkit-backdrop-filter:blur(1.25cqw);backdrop-filter:blur(1.25cqw);-webkit-mask-image:linear-gradient(180deg,transparent,#000 28% 72%,transparent);mask-image:linear-gradient(180deg,transparent,#000 28% 72%,transparent)}.milo-home__stage:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:radial-gradient(circle at 52% 34%,transparent 0 28%,rgb(82 188 240 / 5%) 63%,rgb(18 111 174 / 10%) 100%),linear-gradient(180deg,rgb(22 139 218 / 4%),transparent 28% 76%,rgb(239 250 255 / 10%))}.milo-home__brand{position:absolute;z-index:10;top:calc(4.1cqw + env(safe-area-inset-top,0px));right:3.8cqw;left:4.4cqw;display:flex;height:8cqw;align-items:center;justify-content:space-between;padding:0;pointer-events:none}.milo-home__logo{display:block;width:36.4cqw;height:auto;filter:drop-shadow(0 .55cqw .45cqw rgb(34 91 122 / 23%))}.milo-home__stars{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#fdfcf9;border:1px solid rgb(223 230 234 / 78%);border-radius:999px;box-shadow:0 .42cqw #c6d3dbd1,0 .85cqw 1.5cqw #1b5b7d2e,inset 0 .16cqw #fffffff0}.milo-home__stars{width:clamp(96px,18cqw,168px);height:clamp(44px,6.9cqw,64px);gap:clamp(7px,.85cqw,10px);padding:4px clamp(13px,1.7cqw,16px) 4px clamp(8px,1cqw,10px);color:#244e6c;font-size:clamp(24px,3.5cqw,34px);font-weight:800;line-height:1}.milo-home__stars img,.milo-home__stars strong{position:relative;z-index:1}.milo-home__stars img{width:clamp(28px,5.1cqw,46px);height:clamp(28px,5.1cqw,46px);object-fit:contain}.milo-home__stars img,.milo-home__level-progress img,.milo-home__level-lock img{display:block}.milo-home__journey{position:absolute;z-index:2;top:0;right:0;left:0;width:100%;height:var(--app-height, 100dvh);padding:0}.milo-home__levels{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;margin:0;padding:0;list-style:none}.milo-home__level{position:absolute;display:block}.milo-home__level--current{top:calc(50% - 30.6cqw);left:22.6cqw;width:41.7cqw}.milo-home__level-card{position:relative;isolation:isolate;display:grid;width:100%;align-content:start;justify-items:center;padding:2.05cqw 2.05cqw 1.9cqw;color:#5a3a20;text-align:center;background:radial-gradient(circle at 50% 5%,rgb(255 255 255 / 70%),transparent 42%),linear-gradient(180deg,#fffaf0,#fff5e3);border:.3cqw solid rgb(255 255 255 / 96%);border-radius:3.2cqw;box-shadow:0 .66cqw #d7bfa1,0 1.55cqw 2.7cqw #25688236,inset 0 .16cqw #fffffff2;animation:milo-card-arrive .6s cubic-bezier(.16,1,.3,1) both}.milo-home__level--current .milo-home__level-card{animation-delay:70ms}.milo-home__level--open .milo-home__level-card{animation-delay:.13s}.milo-home__level--locked .milo-home__level-card{animation-delay:.19s}button.milo-home__level-card{font:inherit;border-style:solid;cursor:pointer}.milo-home__level-card--current{z-index:2;padding:3.15cqw 2.45cqw 2.1cqw;border-color:#fff9d9;box-shadow:0 .72cqw #e0bb7d,0 0 0 .46cqw #fff099e5,0 0 2.55cqw .9cqw #ffd745ab,0 2.2cqw 3.3cqw #216a883d}.milo-home__level-card--locked{filter:saturate(.7)}.milo-home__active-glow{position:absolute;z-index:-1;top:-2.4cqw;right:-2.1cqw;bottom:-2.4cqw;left:-2.1cqw;display:block;width:calc(100% + 4.2cqw);height:calc(100% + 4.8cqw);opacity:.74;pointer-events:none}.milo-home__level-number{position:absolute;z-index:3;top:-2.3cqw;left:-.9cqw;display:grid;width:7.2cqw;height:7.2cqw;place-items:center;color:#fff;font-size:4.15cqw;font-weight:900;line-height:1;background:#58a8d7;border:.4cqw solid #fff8dd;border-radius:50%;box-shadow:0 .5cqw #4184aa8c,0 .7cqw 1.5cqw #2f607c38;text-shadow:0 .22cqw .12cqw rgb(34 108 151 / 65%)}.milo-home__level-card--current .milo-home__level-number{background:#ff8b31;box-shadow:0 .5cqw #e3681d,0 .7cqw 1.5cqw #92512147;text-shadow:0 .22cqw .12cqw #d75c17}.milo-home__level-card--open .milo-home__level-number{background:#95c864;box-shadow:0 .5cqw #6eac4f,0 .7cqw 1.5cqw #3b653838;text-shadow:0 .22cqw .12cqw #59963d}.milo-home__level-card--locked .milo-home__level-number{background:#aa8bdd;box-shadow:0 .5cqw #806cb3,0 .7cqw 1.5cqw #4c3b6f38;text-shadow:0 .22cqw .12cqw #7662a2}.milo-home__level-thumb-frame{position:relative;display:block;width:100%;aspect-ratio:5 / 3;overflow:hidden;background:#cceafb;border-radius:1.9cqw;box-shadow:inset 0 0 0 .16cqw #ffffffb3,0 .35cqw .7cqw #3b6c7c1f}.milo-home__level-card--current .milo-home__level-thumb-frame{aspect-ratio:4 / 3}.milo-home__level-card--open .milo-home__level-thumb-frame{aspect-ratio:1.78 / 1}.milo-home__level-card--locked .milo-home__level-thumb-frame{aspect-ratio:3.28 / 1}.milo-home__level-thumb{display:block;width:100%;height:100%;object-fit:cover}.milo-home__level-card--current .milo-home__level-thumb{object-position:center 48%}.milo-home__level-title{margin:1.25cqw 0 .35cqw;font-size:3.2cqw;font-weight:900;line-height:1.08;letter-spacing:.04em;text-shadow:0 .12cqw rgb(255 255 255 / 92%)}.milo-home__level-progress{display:inline-flex;align-items:center;gap:.25cqw;color:#8f7051;font-size:2.25cqw;font-weight:800;line-height:1.15}.milo-home__level-progress img{width:2.6cqw;height:2.6cqw}.milo-home__level-complete{position:absolute;top:1.9cqw;right:2.2cqw;display:grid;width:6.3cqw;height:6.3cqw;place-items:center;color:#fff8d7;font-size:4.1cqw;background:#f6b83f;border:.35cqw solid #fff5c4;border-radius:50%;box-shadow:0 .42cqw #d8932b,0 .55cqw 1.1cqw #915c183d}.milo-home__level-complete[hidden]{display:none}.milo-home__level-complete img{width:4.1cqw;height:4.1cqw;display:block}.milo-home__level-card--current .milo-home__level-title{margin-top:1.65cqw;font-size:4.25cqw}.milo-home__level-card--current .milo-home__level-progress{font-size:2.8cqw}.milo-home__level-card--current .milo-home__level-progress img{width:3.5cqw;height:3.5cqw}.milo-home__level-cta{display:grid;width:73%;min-height:7.65cqw;place-items:center;margin-top:1.55cqw;padding:.7cqw 1.8cqw 1cqw;color:#fff9e9;font-size:4.15cqw;font-weight:900;line-height:1;letter-spacing:.04em;background:radial-gradient(circle at 50% 0,rgb(255 202 114 / 38%),transparent 40%),linear-gradient(180deg,#ff8c38,#f66920);border:.2cqw solid rgb(255 190 104 / 82%);border-radius:999px;box-shadow:inset 0 .35cqw #ffffff52,0 .65cqw #d85519,0 1.05cqw 1.5cqw #a4491c3b;text-shadow:0 .24cqw 0 #d94e13}.milo-home__locked-fog{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:.36}.milo-home__level-lock{position:absolute;z-index:4;top:-2.2cqw;right:-2.2cqw;display:grid;width:6.4cqw;height:6.4cqw;place-items:center;background:#eee5d7;border:.4cqw solid #fffdf7;border-radius:50%;box-shadow:0 .5cqw #b6aa9a,0 .7cqw 1.5cqw #404a4f36}.milo-home__level-lock img{width:3.4cqw;height:3.4cqw;opacity:.75}.milo-home__guide{position:absolute;z-index:4;top:9.6cqw;left:98%;width:31.5cqw;height:58cqw;pointer-events:none}.milo-home__guide-cloud{position:absolute;z-index:1;right:-9%;bottom:.6cqw;display:block;width:118%;height:auto;filter:drop-shadow(0 1.05cqw 1.2cqw rgb(44 94 115 / 20%))}.milo-home__guide-fox{position:absolute;z-index:2;top:0;right:0;display:block;width:100%;height:auto;filter:drop-shadow(0 .8cqw .8cqw rgb(44 83 84 / 18%));transform-origin:50% 100%;animation:milo-welcome 4.8s cubic-bezier(.22,1,.36,1) .5s infinite alternate}.milo-home__speech-bubble{position:absolute;z-index:2;top:-16cqw;left:7%;display:block;width:61.5%;height:auto;filter:drop-shadow(0 .55cqw .65cqw rgb(46 97 117 / 18%))}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.milo-home__level-card:active{transform:translateY(4px);box-shadow:0 2px #d8c0a0,0 8px 15px #2d5b5c26}.milo-home__level-card:focus-visible,.back-button:focus-visible{outline:4px solid #fff8cc;outline-offset:-4px}@keyframes milo-card-arrive{0%{opacity:0;transform:translateY(1.6cqw) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes milo-welcome{0%{transform:translateY(0) rotate(-.5deg)}to{transform:translateY(-5px) rotate(.6deg)}}.app--game{position:relative;width:100%;height:100vh;height:var(--app-height, 100dvh);min-height:0;overflow:hidden;background:#d8f3ff;touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-stage{position:relative;width:100%;height:100%;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);overflow:hidden}.game-canvas{width:100%;height:100%;overflow:hidden}.game-canvas canvas{display:block}.game-loading{--load-progress: .03;position:absolute;z-index:15;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#d8f3ff;opacity:1;transition:opacity .18s ease}.game-loading--ready{opacity:0;pointer-events:none}.game-loading__indicator{display:grid;width:min(180px,48vw);justify-items:center;gap:18px}.game-loading__bolt{color:#f2ae2e;font-size:46px;line-height:1;transform-origin:50% 70%;animation:loading-charge .82s ease-in-out infinite alternate}.game-loading__track{width:100%;height:12px;overflow:hidden;background:#b7dce9;border:3px solid #ffffff;border-radius:6px;box-shadow:0 4px #82b9cf}.game-loading__fill{display:block;width:100%;height:100%;background:#57ca8b;transform:scaleX(var(--load-progress));transform-origin:left center;transition:transform .18s ease-out}@keyframes loading-charge{0%{opacity:.62;transform:translateY(3px) scale(.92)}to{opacity:1;transform:translateY(-3px) scale(1.06)}}.back-button{position:fixed;z-index:20;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:grid;width:54px;aspect-ratio:1;place-items:center;padding:0 0 4px;color:#244e64;font-size:32px;font-weight:900;background:#fff7cf;border:0;border-radius:50%;cursor:pointer;box-shadow:0 5px #d8ae51,0 8px 20px #1f4b5f33}.load-error{display:grid;height:100%;margin:0;place-items:center;padding:24px;font-size:20px;font-weight:700}@media(hover:hover)and (pointer:fine){.milo-home__level-card--current:hover{transform:translateY(-.4cqw)}}@media(prefers-reduced-motion:reduce){.milo-home__level-card,.milo-home__guide-fox,.game-loading__bolt{animation:none}}