: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);min-height:0;overflow:hidden;background:#62bfee}.milo-home{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.milo-home__backdrop,.milo-home__background{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.milo-home__background{object-fit:cover;object-position:center 48%}.milo-home__brand{position:absolute;z-index:5;top:0;right:0;left:0;display:flex;height:calc(clamp(64px,7.2svh,78px) + env(safe-area-inset-top,0px));align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) max(20px,env(safe-area-inset-right,0px)) 0 max(20px,env(safe-area-inset-left,0px));margin:0;background:#f8f6f1;box-shadow:0 2px #45788e0f}.milo-home__logo{display:block;width:clamp(132px,34vw,230px);height:auto}.milo-home__stars{display:inline-flex;min-width:90px;min-height:46px;align-items:center;justify-content:center;gap:7px;padding:4px 13px 5px 10px;color:#214966;font-size:clamp(20px,5vw,26px);line-height:1;background:#fbf9f5;border:1px solid rgba(89,109,119,.08);border-radius:999px;box-shadow:0 3px #7e74632e,0 7px 18px #51626b17}.milo-home__stars img{width:31px;height:auto}.milo-home__primary{position:absolute;z-index:2;top:30%;right:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:0 10px}.milo-home__fox{z-index:1;display:block;flex:0 0 auto;width:clamp(118px,34vw,154px);height:auto;margin-right:-4px;padding-bottom:clamp(34px,6vh,52px);filter:drop-shadow(0 8px 8px rgba(42,95,91,.13))}.milo-home__game-list{display:flex;max-width:calc(100vw - clamp(118px,34vw,154px) - 18px);gap:14px;padding:0 8px 9px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.milo-home__game-list::-webkit-scrollbar{display:none}.milo-home__game-card{display:grid;flex:0 0 min(54vw,240px);width:min(54vw,240px);min-width:0;scroll-snap-align:center;padding:clamp(8px,2.3vw,12px);color:#194663;text-align:center;background:#fff9ed;border:0;border-radius:clamp(20px,6vw,30px);cursor:pointer;box-shadow:0 6px #d2c2a4d1,0 13px 26px #2d5b5c2e;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s ease}.milo-home__game-cover{display:block;width:100%;height:auto;aspect-ratio:38 / 33;object-fit:cover;border-radius:clamp(14px,4.5vw,22px)}.milo-home__game-title{margin:clamp(7px,1.6vh,12px) 0 clamp(6px,1.2vh,10px);font-size:clamp(20px,5.8vw,31px);line-height:1.1}.milo-home__game-cta{display:grid;min-height:46px;place-items:center;padding:8px 14px 10px;color:#fffaf0;font-size:clamp(18px,5vw,27px);font-weight:800;line-height:1;background:#ff762c;border:0;border-radius:999px;box-shadow:inset 0 2px #ffffff42,0 5px #d95317}.milo-home__game-card:active{transform:translateY(4px);box-shadow:0 3px #d2c2a4d1,0 8px 15px #2d5b5c26}.milo-home__game-card:focus-visible,.back-button:focus-visible{outline:4px solid #fff8cc;outline-offset:4px}.milo-home__future{position:absolute;z-index:2;top:67%;right:max(7%,env(safe-area-inset-right,0px));display:grid;justify-items:center;gap:5px;color:#285c73;font-size:clamp(12px,3.4vw,16px);font-weight:700;text-align:center}.milo-home__future img{width:clamp(48px,14vw,70px);height:auto;filter:drop-shadow(0 7px 6px rgba(40,78,78,.18))}.milo-home__future span{padding:8px 12px 9px;background:#dcf4f5e0;border:1px solid rgba(63,120,143,.14);border-radius:999px;box-shadow:0 4px 10px #245d721f}.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__game-card:hover{transform:translateY(-4px);box-shadow:0 10px #d2c2a4cc,0 19px 30px #2d5b5c33}}@media(min-width:768px)and (min-aspect-ratio:1 / 1){.milo-home__background{object-position:center center}.milo-home__brand{height:calc(clamp(76px,10svh,96px) + env(safe-area-inset-top,0px));padding-right:max(4vw,env(safe-area-inset-right,0px));padding-left:max(4vw,env(safe-area-inset-left,0px))}.milo-home__logo{width:clamp(200px,18vw,273px)}.milo-home__primary{top:35%;margin:0 auto;padding:0 4vw}.milo-home__fox{width:clamp(210px,19vw,300px);margin-right:clamp(-18px,-1vw,-7px);padding-bottom:clamp(28px,4.5vh,58px)}.milo-home__game-list{max-width:calc(86vw - clamp(210px,19vw,300px));gap:24px;padding-right:16px;padding-left:16px}.milo-home__game-card{flex-basis:clamp(280px,23vw,350px);width:clamp(280px,23vw,350px);padding:14px}.milo-home__future{top:70%;right:10%}}@media(orientation:landscape)and (max-height:600px){.milo-home__brand{height:calc(58px + env(safe-area-inset-top,0px));padding-right:max(24px,env(safe-area-inset-right,0px));padding-left:max(24px,env(safe-area-inset-left,0px))}.milo-home__logo{width:150px}.milo-home__stars{min-width:82px;min-height:42px;font-size:20px}.milo-home__stars img{width:27px}.milo-home__primary{top:19%}.milo-home__fox{width:min(18vw,145px);padding-bottom:26px}.milo-home__game-list{max-width:58vw;padding-bottom:7px}.milo-home__game-card{flex-basis:min(26vw,225px);width:min(26vw,225px);padding:8px;border-radius:20px}.milo-home__game-cover{border-radius:14px}.milo-home__game-title{margin:5px 0;font-size:20px}.milo-home__game-cta{min-height:44px;padding:7px 12px 9px;font-size:18px}.milo-home__future{top:60%;right:5%}.milo-home__future img{width:46px}.milo-home__future span{display:none}}@media(orientation:portrait)and (max-height:650px){.milo-home__future{top:74%;right:5%}}@media(prefers-reduced-motion:reduce){.milo-home__game-card{transition:none}.game-loading__bolt{animation:none}}