*{box-sizing:border-box}body{margin:0;background:#c9eaff;color:#23465a;font-family:ui-rounded,"Apple SD Gothic Neo",system-ui,sans-serif;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e0832f;outline-offset:4px}canvas{display:block;width:100vw;height:100dvh;outline:0}header{position:fixed;top:max(20px,env(safe-area-inset-top));left:26px;right:26px;display:flex;align-items:center;gap:10px}header a{color:inherit;text-decoration:none;font-size:13px;font-weight:700}header .brand{margin:auto;font-size:20px;font-weight:900;letter-spacing:-1px}.brand span{font-size:11px;letter-spacing:1px;background:#fff9;padding:4px 7px;border-radius:6px;margin-left:6px}header button{background:#ffffffb3;border:1px solid #fff;padding:10px 13px;border-radius:13px;font-size:12px;font-weight:800}.hud{position:fixed;left:26px;top:84px;right:26px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud>div:first-child{width:215px}.hud small{font-size:10px;letter-spacing:1px}.hud small b{margin-left:12px}.hud strong{display:block;font-size:24px;margin:6px 0 10px;letter-spacing:-1px}.track{height:5px;border-radius:5px;background:#fff8;overflow:hidden}.track i{display:block;height:100%;background:#3e9e86;width:0;transition:width .4s}.numbers{display:flex;gap:18px;background:#fff9;border:1px solid #fff;padding:13px 18px;border-radius:16px;font-size:12px}.numbers span:first-child{color:#b46d18;font-size:17px}.numbers b{margin-left:4px}.numbers small{font-size:10px;letter-spacing:0}.hint{position:fixed;bottom:22px;left:0;right:0;text-align:center;font-size:12px;font-weight:600;color:#416377}.hint i{font-style:normal;margin:0 13px;color:#81a5b8}#overlay{position:fixed;inset:0;display:grid;place-items:center;background:#b9dff050;backdrop-filter:blur(7px);padding:20px}#overlay[hidden]{display:none}.panel{width:min(470px,100%);text-align:center;border:1px solid #fff;background:#f9fcf4ed;border-radius:32px;padding:34px 32px;box-shadow:0 22px 80px #37628225}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2px;color:#67968e}.cloud-icon{font-size:65px;color:#8ac6d1;line-height:1.3}h1{font-size:57px;letter-spacing:-4px;line-height:1;margin:10px 0 21px}h1 em{font-style:normal;color:#e08c52}#intro{line-height:1.8;color:#617a85;font-size:15px}.badges{display:flex;justify-content:center;gap:7px;margin:24px -10px}.badges span{font-size:10px;background:#e8efe7;border-radius:20px;padding:8px}.primary{width:100%;background:#265b50;color:#fff;border-radius:16px;font-weight:800;padding:17px;box-shadow:0 5px 0 #163f36}.primary:hover{background:#327362}.guide{font-size:11px;line-height:1.8;color:#7a9096;margin:22px 0 0}#best{font-size:12px;color:#ae772b;min-height:14px;margin-bottom:0}#toast{position:fixed;top:180px;left:50%;transform:translateX(-50%);background:#28574ded;color:#fff;border-radius:30px;padding:11px 22px;font-size:13px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}.touch{display:none;position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:22px;right:22px;justify-content:space-between;pointer-events:none}.touch div{display:flex;gap:10px}.touch button{pointer-events:auto;touch-action:none;user-select:none;background:#ffffffc9;border:2px solid white;border-radius:20px;width:65px;height:62px;font-size:23px;box-shadow:0 4px 0 #45788d24}.touch .jump{font-size:16px;width:100px;background:#285c50;color:#fff}.touch button:active{transform:translateY(3px)}@media(pointer:coarse),(max-width:700px){.touch{display:flex}.hint{display:none}header{left:15px;right:15px;top:max(14px,env(safe-area-inset-top))}header a{font-size:11px}.brand{font-size:16px!important}header button{padding:9px;font-size:10px}.hud{left:17px;right:17px;top:73px}.hud>div:first-child{width:140px}.hud strong{font-size:20px}.numbers{gap:9px;padding:10px;font-size:10px;flex-wrap:wrap;max-width:175px}.numbers span:first-child{font-size:13px}.panel{padding:25px 22px}.cloud-icon{font-size:45px}h1{font-size:48px}.badges{margin:18px -10px}#toast{top:150px;font-size:11px}}@media(max-height:520px){.panel{padding:16px;max-width:460px}.cloud-icon,.eyebrow,.badges{display:none}h1{font-size:35px;margin:8px}#intro{font-size:12px;margin:9px}.guide{margin:12px 0 0}.hud{top:65px}.hud strong{font-size:18px}.numbers{padding:8px}.touch button{height:48px}}