:root{--ink:#16323a;--paper:#fffdf4;--duck:#ffd21f;--beak:#ff8a1c;--water:#1f7f93;color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;background:#a8dcef;font-family:Avenir Next,Avenir,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100dvh;display:block}#hud{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));pointer-events:none;gap:8px;display:flex;position:absolute}.hud-metric{background:#fffdf4e0;border-radius:12px;min-width:92px;padding:7px 12px 8px;box-shadow:0 3px #16323a2e}.hud-metric span{letter-spacing:.08em;text-transform:uppercase;opacity:.6;font-size:.66rem;font-weight:700;display:block}.hud-metric strong{font-variant-numeric:tabular-nums;font-size:1.15rem;display:block}#progress{top:max(24px, calc(env(safe-area-inset-top) + 10px));right:max(78px, calc(env(safe-area-inset-right) + 64px));pointer-events:none;width:min(34vw,260px);height:22px;position:absolute}#progress-track{background:#fffdf4bf;border-radius:3px;height:5px;position:absolute;top:9px;left:0;right:0;box-shadow:0 2px #16323a26}#progress-track:after{content:"";background:repeating-linear-gradient(0deg,#1b1b1b 0 4px,#fff 4px 8px);width:6px;height:15px;position:absolute;top:-5px;right:-2px}.progress-marker{background:var(--duck);border:2px solid var(--ink);border-radius:50%;width:17px;height:17px;margin-left:-8px;position:absolute;top:3px}.progress-rival{border-width:2px;width:13px;height:13px;margin-left:-6px;top:5px}.hud-place strong{color:var(--beak)}#result-place{letter-spacing:.04em;font-size:1.1rem;font-weight:900}#result-place.is-winner{color:var(--beak);font-size:1.4rem}#progress-ghost{background:#dff4ffcc;border-color:#16323a73}#banner{color:var(--duck);text-shadow:0 5px 0 var(--beak), 0 10px 24px #16323a59;pointer-events:none;font-size:clamp(3.5rem,14vw,7rem);font-weight:900;line-height:1;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}#touch-hint{right:max(16px, env(safe-area-inset-right));bottom:max(96px, calc(env(safe-area-inset-bottom) + 80px));left:max(16px, env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex;position:absolute}#touch-hint>span{background:#fffdf4d9;border-radius:999px;padding:8px 12px}#touch-hint kbd{font:inherit;color:var(--water)}#touch-hint .hint-drag{display:none}#steer-pad{z-index:5;pointer-events:none;background:#16323a1f;border:2px solid #fffdf48c;border-radius:999px;width:112px;height:46px;margin:-23px 0 0 -56px;position:absolute}#steer-pad .steer-thumb{background:#fffdf4e6;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #16323a4d}#popup{white-space:nowrap;color:#fff;text-shadow:0 3px 0 var(--water), 0 6px 16px #16323a66;pointer-events:none;font-size:clamp(1.4rem,5vw,2.1rem);font-weight:900;position:absolute;top:52%;left:50%}#popup[data-tone=shave]{color:var(--duck);text-shadow:0 3px 0 var(--beak), 0 6px 16px #16323a66}#paddle-bar{bottom:max(18px, env(safe-area-inset-bottom));align-items:stretch;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#item-button{cursor:pointer;touch-action:none;background:#fffdf4e6;border:0;border-radius:18px;width:76px;font-size:1.9rem;line-height:1;position:relative;box-shadow:0 3px #16323a33}#item-button.is-empty{background:#fffdf473}#item-button{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}#item-button .item-use{color:var(--ink);align-items:center;gap:3px;font-size:.7rem;font-weight:800;animation:1.1s ease-in-out infinite item-use-pulse;display:flex}#item-button .item-use kbd{color:#fff;background:var(--ink);font:inherit;border-radius:5px;padding:1px 5px}#item-button .item-tap,#item-button.is-empty .item-use{display:none}#item-button:not(.is-empty){background:#fff6c9}@keyframes item-use-pulse{50%{transform:scale(1.08)}}#coach{z-index:15;width:max-content;max-width:min(78vw,300px);color:var(--ink);text-align:center;pointer-events:none;background:#fffdf4;border-radius:14px;padding:10px 14px;font-size:.95rem;font-weight:800;line-height:1.3;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 18px #16323a47}#coach:after{content:"";border:8px solid #0000;border-top-color:#fffdf4;border-bottom:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}#coach small{opacity:.7;margin-top:2px;font-size:.75rem;font-weight:600;display:block}#coach kbd{color:#fff;background:var(--ink);font:inherit;border-radius:6px;padding:1px 7px}.coach-touch{display:none}.item-fly{z-index:20;pointer-events:none;filter:drop-shadow(0 3px 4px #16323a66);font-size:34px;line-height:1;position:fixed;top:0;left:0}.item-fly.is-big{font-size:58px}#paddle-button{color:var(--ink);font:inherit;cursor:pointer;touch-action:none;background:#fffdf4e6;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:10px 18px 9px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 3px #16323a33}#paddle-button:active{transform:translateY(2px);box-shadow:0 1px #16323a33}#paddle-button kbd{font:inherit;opacity:.55;font-weight:600}.paddle-pips{gap:6px;display:flex}.paddle-pip{--fill:1;border:2px solid var(--ink);background:conic-gradient(var(--beak) calc(var(--fill) * 360deg), #16323a1f 0);border-radius:50%;width:22px;height:22px}.paddle-pip.is-ready{background:var(--duck)}.crumb-streak{gap:4px;display:flex}.crumb-streak i{background:#16323a26;border-radius:50%;width:9px;height:9px;transition:background .12s,transform .12s}.crumb-streak i.is-lit{background:#c9792f;transform:scale(1.25)}.crumb-fly.is-big{width:34px;height:27px;box-shadow:0 0 22px 6px #ffd21fd9}.crumb-fly{z-index:20;pointer-events:none;background:radial-gradient(circle at 35% 35%,#f3c27a,#c9792f 70%,#8f4a1c);border-radius:55% 45% 50% 40%;width:20px;height:16px;position:fixed;top:0;left:0;box-shadow:0 0 10px #ffd21fcc}#paddle-button.is-flap{background:#d6f0ffeb}#paddle-button.is-flap .paddle-pips{opacity:.4}#pause-button{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));cursor:pointer;background:#fffdf4e0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;padding:0;display:flex;position:absolute;box-shadow:0 3px #16323a2e}#pause-button span{background:var(--ink);border-radius:2px;width:5px;height:17px}#title-screen{text-align:center;cursor:pointer;background:linear-gradient(#16323a26,#16323a8c);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}#title-screen[hidden],#shop[hidden]{display:none}.coin{vertical-align:-.12em;background:radial-gradient(circle at 35% 35%,#fff3a6,#fc3 55%,#e3a21a);border:2px solid #c98a12;border-radius:50%;width:.95em;height:.95em;display:inline-block}#shop-button{color:var(--ink);background:var(--duck);box-shadow:0 4px 0 var(--beak);font:inherit;cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:10px 18px;font-size:1.05rem;font-weight:900}#shop-button:active{box-shadow:0 1px 0 var(--beak);transform:translateY(3px)}.shop-button-coins{background:#fffdf4b3;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:.9rem}#shop{z-index:30;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));background:#16323a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shop-panel{background:var(--paper);border-radius:22px;flex-direction:column;align-items:center;gap:10px;width:min(100%,440px);max-height:100%;padding:16px;display:flex;overflow-y:auto;box-shadow:0 8px #16323a33,0 20px 40px #16323a4d}.shop-head{justify-content:space-between;align-items:center;width:100%;display:flex}.shop-head h2{margin:0;font-size:1.5rem;font-weight:900}.shop-wallet{background:#fff1b8;border-radius:999px;padding:4px 12px;font-weight:900}#shop-preview{background:radial-gradient(circle at 50% 70%,#bfe9f7,#7fcbe4);border-radius:16px;width:100%;height:clamp(130px,28vh,220px)}#shop-name{margin:0;font-size:1.2rem;font-weight:900}#shop-action,#shop-close{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-weight:900}#shop-action{color:var(--ink);background:var(--duck);box-shadow:0 4px 0 var(--beak)}#shop-action:disabled{box-shadow:none;cursor:default;background:#16323a1a}#shop-close{color:var(--paper);background:var(--water)}#shop-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.shop-card{font:inherit;cursor:pointer;background:#eef7f8;border:3px solid #0000;border-radius:14px;flex-direction:column;align-items:center;padding:6px 4px 8px;display:flex}.shop-card img{aspect-ratio:1;width:100%;max-width:96px}.shop-card-label{font-size:.78rem;font-weight:800}.shop-card.is-selected{border-color:var(--beak);background:#fff6c9}.shop-card.is-equipped .shop-card-label{color:#2f9a54;font-size:1rem}.shop-card.is-locked img{filter:grayscale(.7)opacity(.6)}#result-coins{background:#fff1b8;border-radius:12px;padding:6px 10px;font-weight:800;margin-top:8px!important}#result-coins strong{font-size:1.1rem}.title-name{color:var(--duck);letter-spacing:-.02em;text-shadow:0 6px 0 var(--beak), 0 14px 30px #16323a73;margin:0;font-size:clamp(3.2rem,13vw,6.5rem);font-weight:900;line-height:1}.title-tagline{color:var(--paper);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 8px #16323a80;margin:4px 0 18px;font-size:clamp(1rem,4vw,1.35rem);font-weight:800}.title-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.title-controls li{background:#fffdf4e6;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700}.title-controls kbd{font:inherit;color:var(--water);font-weight:900}.title-start{color:var(--paper);margin:22px 0 0;font-weight:800;animation:1.4s ease-in-out infinite title-pulse}.title-touch{display:none}@media (pointer:coarse){.title-keys{display:none}#touch-hint{justify-content:center}#touch-hint .hint-side,#touch-hint .hint-mid{display:none}#touch-hint .hint-drag{display:inline}#item-button .item-use kbd,.coach-keys{display:none}#item-button .item-tap,.coach-touch{display:inline}.title-touch{display:flex}}@keyframes title-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.title-start{animation:none}}#pause-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16323a73;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}#pause-overlay[hidden]{display:none}.pause-title{color:var(--paper);text-shadow:0 4px #16323a66;margin:0 0 6px;font-size:2.4rem;font-weight:900}#pause-overlay button{min-width:200px;color:var(--ink);background:var(--duck);box-shadow:0 4px 0 var(--beak);font:inherit;cursor:pointer;border:0;border-radius:14px;padding:13px 22px;font-size:1.05rem;font-weight:800}#pause-overlay button.secondary{background:var(--paper);box-shadow:0 4px #16323a40}.pause-hint{color:var(--paper);opacity:.8;margin:4px 0 0;font-size:.85rem}#touch-hint[hidden],#banner[hidden],#results[hidden],.progress-marker[hidden]{display:none}#results{background:var(--paper);text-align:center;pointer-events:none;border-radius:20px;width:min(88vw,360px);padding:20px 22px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px #16323a33,0 18px 40px #16323a40}#results p{margin:0}.results-label{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:.75rem;font-weight:800}#result-time{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:900;margin:4px 0 6px!important}#results.is-best #result-time{color:var(--beak)}#result-note{font-weight:700}#result-medal{font-weight:800;margin-bottom:6px!important}.pause-medals{color:var(--paper);margin:4px 0 0;font-weight:800}#result-crumbs{color:#a4621c;font-weight:800;margin-top:6px!important}.results-again{opacity:.65;font-size:.85rem;margin-top:14px!important}@media (width<=560px){.hint-mid{display:none}#paddle-button{padding:14px 26px 12px}#paddle-button kbd{display:none}.hud-metric{min-width:78px;padding:6px 10px 7px}#progress{top:auto;right:50%;bottom:max(150px, calc(env(safe-area-inset-bottom) + 136px));width:60vw;transform:translate(50%)}}