:root{--ink: #34495e;--ink-soft: #5c7185;--blue: #4aa3f0;--blue-deep: #2f87d8;--chip-bg: rgba(255, 255, 255, .92);--shadow: 0 6px 18px rgba(54, 100, 140, .18);--radius: 18px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;color:var(--ink);background:#43b3f4;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(../alpine-meadow-bg.png);background-position:center;background-size:cover;background-repeat:no-repeat}#app.playing{background-image:linear-gradient(180deg,#2aa7f4,#61c5f6 48%,#bcecff 78%,#eaf8ff)}@media (min-aspect-ratio: 3 / 2){#app{background-image:url(../alpine-meadow-bg-wide.png)}#app.playing{background-image:linear-gradient(180deg,#2aa7f4,#61c5f6 48%,#bcecff 78%,#eaf8ff)}}#game-canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transition:filter .45s ease;filter:saturate(1.04)}#game-canvas.blurred{filter:blur(7px) saturate(1.1)}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}#stage-parallax{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease}#stage-foreground{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease}#app.playing #stage-parallax,#app.playing #stage-foreground{opacity:1}.stage-layer{position:absolute;left:-4%;width:108%;background-repeat:repeat-x;background-position:left bottom;will-change:background-position}.stage-layer-clouds{top:0;right:-4%;bottom:18%;left:-4%;background-image:url(../parallax/clouds.png);background-size:auto 78%;opacity:.92}.stage-layer-mountains{height:58%;bottom:20%;background-image:url(../parallax/mountains.png);background-size:auto 100%;opacity:.94}.stage-layer-hills{height:52%;bottom:18%;background-image:url(../parallax/hills.png);background-size:auto 100%}.stage-layer-decor{height:61%;bottom:14%;background-image:url(../parallax/decor.png?v=2);background-size:auto 100%}.stage-layer-ground{height:38%;bottom:0;background-image:url(../parallax/ground.png);background-size:auto 100%}.hidden{display:none!important}.chip{background:var(--chip-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px 16px;display:inline-flex;align-items:center;gap:8px}.btn{pointer-events:auto;cursor:pointer;border:none;font-family:inherit;font-weight:700;color:var(--ink);border-radius:999px;box-shadow:var(--shadow);transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:scale(.94)}.btn.primary{background:linear-gradient(180deg,#6ec1ff,var(--blue));color:#fff;font-size:22px;padding:14px 64px;text-shadow:0 1px 2px rgba(35,90,140,.35);border:3px solid rgba(255,255,255,.7)}.btn.primary.small{font-size:17px;padding:10px 42px}.btn.chip-btn{background:var(--chip-bg);font-size:16px;padding:10px 28px;color:var(--blue-deep)}.unit{font-size:.62em;font-weight:700;color:var(--ink-soft);margin-left:2px}.ico{display:inline-flex;width:26px;height:26px}.ico svg{width:100%;height:100%}#hud{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:flex-start;gap:16px}.distance-chip{min-width:clamp(190px,22vw,340px);min-height:clamp(68px,7vw,112px);justify-content:flex-start;font-size:clamp(34px,4.8vw,64px);font-weight:900;padding:8px clamp(20px,2vw,30px);border-radius:22px;letter-spacing:.02em;color:#202943}.distance-chip .ico{width:clamp(48px,5vw,78px);height:clamp(48px,5vw,78px)}.hint-chip{min-height:clamp(48px,4vw,66px);font-size:clamp(14px,1.55vw,25px);font-weight:700;color:#29334a;padding:8px clamp(16px,1.8vw,28px);border-radius:18px}.hint-chip .ico{width:clamp(28px,3vw,48px);height:clamp(28px,3vw,48px)}.launch-hint{position:absolute;z-index:12;pointer-events:none;background:var(--chip-bg);color:var(--blue-deep);font-weight:900;font-size:clamp(15px,2vw,24px);padding:9px 18px;border-radius:16px;box-shadow:var(--shadow);white-space:nowrap;animation:launch-hint-bob 1.4s ease-in-out infinite}.launch-hint:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid rgba(255,255,255,.92)}@keyframes launch-hint-bob{0%,to{transform:translate(-50%,-100%)}50%{transform:translate(-50%,-114%)}}.steer-hint{position:absolute;z-index:12;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;gap:8px;color:#fff7ec;font-weight:800;font-size:clamp(13px,1.6vw,22px);white-space:nowrap;text-shadow:0 2px 4px rgba(40,22,8,.55),0 0 2px rgba(40,22,8,.6)}.steer-hint .ico{width:clamp(22px,2.4vw,34px);height:clamp(22px,2.4vw,34px);flex-shrink:0;filter:drop-shadow(0 2px 3px rgba(40,22,8,.5));animation:steer-finger 1.5s ease-in-out infinite}@keyframes steer-finger{0%,to{transform:translate(-3px) rotate(-8deg)}50%{transform:translate(3px) rotate(8deg)}}.pause-btn{position:fixed;top:max(26px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));width:clamp(58px,5.7vw,88px);height:clamp(58px,5.7vw,88px);display:grid;place-items:center;color:#fffffff0;background:#338bcd7a;border:3px solid rgba(255,255,255,.86);border-radius:18px;box-shadow:0 5px 13px #1e5a8c47,inset 0 0 12px #ffffff1f;pointer-events:auto;cursor:pointer}.pause-btn svg{width:72%;height:72%;filter:drop-shadow(0 2px 2px rgba(34,89,132,.25))}.pause-btn:active{transform:scale(.94)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:10}.screen.overlay{background:#466e9640;pointer-events:auto}.card{background:var(--chip-bg);border-radius:26px;box-shadow:var(--shadow);padding:26px 36px;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:min(86vw,460px);text-align:center}#title-screen{gap:12px}.logo-card{display:flex;align-items:center;gap:16px;animation:logo-bob 3.2s ease-in-out infinite}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.logo-img{width:clamp(240px,46vw,460px);height:auto;filter:drop-shadow(0 6px 14px rgba(40,90,140,.35))}.tagline{font-size:15px;font-weight:700;color:var(--ink-soft)}#title-screen .best{font-size:18px;font-weight:900}.lang-btn{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));font-size:14px;padding:8px 18px}#howto-popup .card h2{font-family:Yusei Magic,cursive;font-size:24px}.howto-body{font-size:17px;font-weight:700;line-height:1.9;color:var(--ink-soft)}.result-card h2{font-family:Yusei Magic,cursive;font-size:26px}.result-dist{font-size:58px;font-weight:900;line-height:1;color:var(--blue-deep)}.result-best{font-size:16px;font-weight:700;color:var(--ink-soft)}.result-btns{display:flex;gap:12px;margin-top:4px;flex-wrap:wrap;justify-content:center}.new-best{background:linear-gradient(180deg,#ffd76e,#ffb84a);color:#fff;font-weight:900;font-size:18px;padding:6px 24px;border-radius:999px;text-shadow:0 1px 2px rgba(160,100,0,.4);box-shadow:0 4px 14px #ffaa2873;animation:best-pop .7s cubic-bezier(.2,2.2,.4,1) both,best-glow 1.6s ease-in-out .7s infinite}@keyframes best-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes best-glow{0%,to{transform:scale(1) rotate(-1.5deg)}50%{transform:scale(1.06) rotate(1.5deg)}}#rotate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;background:linear-gradient(#7ec3f7,#cdeaff);pointer-events:auto}.rotate-card{text-align:center;font-size:20px;font-weight:900;color:var(--ink)}.rotate-ico{font-size:64px;animation:rotate-phone 1.6s ease-in-out infinite;margin-bottom:14px}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (orientation: portrait) and (pointer: coarse){#rotate-overlay{display:flex}}@media (max-height: 450px){#hud{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:7px}.distance-chip{min-width:148px;min-height:50px;font-size:30px;padding:4px 14px;border-radius:14px}.distance-chip .ico{width:40px;height:40px}.hint-chip{min-height:38px;font-size:12px;padding:4px 12px;border-radius:13px}.hint-chip .ico{width:26px;height:26px}.pause-btn{top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:54px;height:54px;border-radius:13px}.logo-img{width:clamp(200px,52vw,320px)}.card{padding:18px 28px;gap:10px}.result-dist{font-size:44px}.btn.primary{font-size:18px;padding:10px 48px}#title-screen{gap:8px}}