:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d2b4a;--white:#fff;--panel:#1d2b4a8c;--line:#ffffff73;--blue:#2fb5ff;--pink:#ff6fb5;--gold:#ffcf3a;--red:#e8433a;font-synthesis:none;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Arial,sans-serif}*{box-sizing:border-box}html,body{touch-action:pan-y;width:100%;height:100%;margin:0}body{color:var(--white);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#cdeaff;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.7}button:focus-visible,canvas:focus-visible{outline-offset:4px;outline:3px solid #fff}.hidden{display:none!important}#game{isolation:isolate;width:100%;height:100%;position:relative;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}body.game-playing,body.game-playing #game,body.game-playing #hud{touch-action:none}.scroll-menu{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.flash{opacity:0;pointer-events:none;background:#fff;transition:opacity .5s ease-out;position:absolute;inset:0}.flash.on{opacity:.85;transition:none}.flash.pink{background:#ffd1ea}.flash.blue{background:#c9f0ff}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.stages{background:var(--panel);-webkit-backdrop-filter:blur(8px);border-radius:24px;gap:4px;margin:0;padding:4px;list-style:none;display:flex}.stage{letter-spacing:1px;text-transform:uppercase;opacity:.55;border-radius:20px;padding:7px 13px;font-size:13px;font-weight:700}.stage.done{opacity:.85;text-decoration:line-through;text-decoration-thickness:2px}.stage.now{opacity:1;color:var(--ink);background:var(--white)}#stage-car.now{background:#ffd2cf}#stage-boat.now{background:#c9f0ff}#stage-plane.now{background:#ffeeb0}.hud-right{align-items:center;gap:10px;display:flex}.tally{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:22px;align-items:baseline;gap:6px;padding:7px 14px;display:flex}.tally-num{color:var(--gold);text-align:center;min-width:1ch;font-size:22px;font-weight:800}.tally-label{letter-spacing:1.5px;font-size:10px;font-weight:700}.tally.pop{animation:.6s ease-out pop}@keyframes pop{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}.icon-button{width:46px;height:46px;color:var(--white);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:50%;place-items:center;display:grid}.icon-button svg{width:20px;height:20px}.hint{top:max(70px, calc(env(safe-area-inset-top) + 56px));text-align:center;background:var(--panel);text-shadow:0 1px 4px #0004;pointer-events:none;border-radius:22px;max-width:min(80vw,520px);padding:8px 18px;font-size:18px;font-weight:700;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.hint:empty{opacity:0}.toast{text-align:center;color:var(--white);-webkit-text-stroke:1.5px var(--ink);text-shadow:0 4px 0 var(--ink);opacity:0;pointer-events:none;white-space:nowrap;font-size:44px;font-weight:800;transition:opacity .3s,transform .3s;position:absolute;top:32%;left:50%;transform:translate(-50%,10px)scale(.9)}.toast.show{opacity:1;transform:translate(-50%)scale(1)}.pointer{background:var(--white);pointer-events:none;opacity:0;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;transition:opacity .2s;position:absolute;top:0;left:0;box-shadow:0 2px 10px #0003}.pointer:after{content:"";border-left:15px solid var(--pointer-color,var(--ink));border-top:9px solid #0000;border-bottom:9px solid #0000;margin:-9px 0 0 -5px;position:absolute;top:50%;left:50%}.pointer.show{opacity:1}.stick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));touch-action:none;width:156px;height:156px;position:absolute}.stick-ring{-webkit-backdrop-filter:blur(4px);background:#1d2b4a40;border:2px solid #ffffffb3;border-radius:50%;position:absolute;inset:8px}#knob{pointer-events:none;background:#fffc;border:2px solid #fff;border-radius:50%;width:58px;height:58px;margin:-29px 0 0 -29px;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #0003}.stick span{text-align:center;letter-spacing:2px;pointer-events:none;text-shadow:0 1px 4px #0006;font-size:10px;font-weight:700;position:absolute;bottom:-4px;left:0;right:0}.stick.held .stick-ring{background:#1d2b4a66}.go{right:max(22px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));width:130px;height:130px;color:var(--white);touch-action:none;background:#2fbf5a;border:4px solid #fff;border-radius:50%;place-items:center;transition:transform 80ms,box-shadow 80ms;display:grid;position:absolute;box-shadow:0 6px #1d8a3e,0 8px 22px #0004}.go-title{letter-spacing:2px;font-size:28px;font-weight:800}.go.held{transform:translateY(5px);box-shadow:0 1px #1d8a3e,0 4px 12px #0004}.go.plane{background:#f08a24;box-shadow:0 6px #b35e10,0 8px 22px #0004}.go.plane .go-title{font-size:22px}.keys{left:50%;bottom:max(18px, env(safe-area-inset-bottom));white-space:nowrap;text-shadow:0 1px 4px #0008;pointer-events:none;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%)}kbd{font:inherit;background:#1d2b4a59;border:1px solid #ffffffb3;border-radius:4px;margin:0 1px;padding:1px 6px;font-size:11px}.panel{padding:max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));z-index:8;place-items:center;display:grid;position:absolute;inset:0}#intro{background:linear-gradient(90deg,#1d2b4ab3,#1d2b4a1a 75%);place-items:center start;padding-left:max(7vw,18px)}#pause-panel,#finish-panel{-webkit-backdrop-filter:blur(10px);background:#1d2b4a73}.card{width:100%;max-width:480px}.card.small{text-align:center;max-width:360px}.eyebrow{letter-spacing:3px;opacity:.9;font-size:11px;font-weight:700}h1{letter-spacing:-2px;text-shadow:0 4px #1d2b4a80;margin:14px 0 18px;font-size:clamp(52px,7vw,92px);font-weight:800;line-height:.95}h1 em{color:var(--gold);font-style:normal}h2{letter-spacing:-1px;text-shadow:0 3px #1d2b4a80;margin:0 0 14px;font-size:52px;font-weight:800}p{margin:0 0 18px;font-size:17px;line-height:1.5}b.blue{color:var(--blue)}b.pink{color:var(--pink)}b.gold{color:var(--gold)}.how{gap:8px;margin:0 0 24px;padding:0;font-size:15px;list-style:none;display:grid}.how li{grid-template-columns:64px 1fr;gap:10px;display:grid}.how b{letter-spacing:1px;text-transform:uppercase;padding-top:2px;font-size:12px;font-weight:800}.actions{gap:12px;display:flex}.actions.column{flex-direction:column}.primary{min-height:60px;color:var(--white);background:#2fbf5a;border:0;border-radius:30px;padding:16px 34px;font-size:20px;font-weight:800;box-shadow:0 5px #1d8a3e}.primary:active{transform:translateY(3px);box-shadow:0 2px #1d8a3e}.secondary{border:2px solid var(--line);min-height:50px;color:var(--white);background:#ffffff1a;border-radius:25px;font-size:16px;font-weight:700}.note{opacity:.75;margin-top:18px;font-size:12px}.loading{letter-spacing:2px;z-index:9;color:var(--ink);align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:24px;right:24px}.loading span{background:var(--ink);border-radius:50%;width:8px;height:8px;animation:1s infinite alternate breathe}@keyframes breathe{to{opacity:.2}}.error{z-index:30;background:var(--ink);border-radius:12px;place-content:center;padding:30px;line-height:1.6;display:grid;position:absolute;inset:15%}.zoom-recovery{z-index:40;max-width:320px;color:var(--ink);background:#fff;border-radius:10px;padding:16px 18px;display:none;position:absolute;top:90px;left:16px;box-shadow:0 2px 20px #0003}.zoom-recovery strong{font-size:15px;display:block}.zoom-recovery span{margin-top:6px;font-size:12px;display:block}.page-zoomed .zoom-recovery{display:block}html.page-zoomed,html.page-zoomed body,html.page-zoomed body *{touch-action:pan-x pan-y pinch-zoom!important}@media (pointer:coarse){.keys{display:none}}@media (pointer:fine){.stick{opacity:.8}}@media (max-width:720px){.keys{display:none}.stage{padding:6px 9px;font-size:11px}.hint{top:max(116px, calc(env(safe-area-inset-top) + 102px));max-width:calc(100vw - 32px);font-size:15px}.toast{font-size:34px}.tally{padding:6px 10px}.tally-label{font-size:9px}#intro{background:linear-gradient(#1d2b4a1a 15%,#1d2b4acc);place-items:end center;padding-left:18px}h1{font-size:54px}}@media (max-width:420px){.hud-top{flex-wrap:wrap;gap:8px}}@media (max-height:500px){.stick{width:128px;height:128px}#knob{width:48px;height:48px;margin:-24px 0 0 -24px}.go{width:106px;height:106px}.hint{top:max(66px, calc(env(safe-area-inset-top) + 54px));padding:6px 12px;font-size:14px}.toast{font-size:30px;top:30%}h1{margin:8px 0;font-size:42px}h2{margin-bottom:8px;font-size:38px}p{margin-bottom:10px;font-size:14px}.how{gap:4px;margin-bottom:12px;font-size:13px}#intro{align-content:start;place-items:center start}.primary{min-height:50px;padding:12px 26px}.secondary{min-height:42px}.note{margin-top:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}