:root{--background:#292433;--gold:#ffd14d;--text-outline:0 0 3px #000, 0 0 3px #000, 0 2px 4px #0009;--panel:#1c1924f0;--sprite-size:192px;--frames:24;color:#fff;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--background);touch-action:none;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}#game,#game canvas{width:100%;height:100%;display:block;position:fixed;inset:0}#overlay{pointer-events:none;position:fixed;inset:0;overflow:hidden}.game-title{letter-spacing:.04em;color:var(--gold);text-shadow:-3px -3px #331a0d,3px -3px #331a0d,-3px 3px #331a0d,3px 3px #331a0d,0 4px 12px #00000080;margin:0;font-size:clamp(2.5rem,9vw,5.5rem);font-weight:800}.subtitle{text-shadow:var(--text-outline);margin:.3rem 0 1.5rem;font-size:clamp(1rem,3vw,1.6rem)}button{font:inherit;color:#fff;cursor:pointer;background:#14121ae6;border:2px solid #ffffff1f;border-radius:8px;min-width:240px;padding:.55rem 1.2rem;font-size:1.3rem}button:hover:not(:disabled),button:focus-visible{border-color:#ffffffbf;outline:none}button:disabled{opacity:.45;cursor:default}button.big{min-width:280px;font-size:1.6rem}.hint{opacity:.5;margin:.3rem 0}.stars{color:var(--gold);justify-content:center;gap:4px;display:flex}.stars svg{width:40px;height:40px}.stars.large svg{width:52px;height:52px}.stars.dim{color:#ffffff40}#hud>div{text-shadow:var(--text-outline);pointer-events:none;position:fixed}#hud-score,#hud-treats{font-size:1.6rem}#hud-score{top:12px;left:16px}#hud-treats{text-shadow:var(--text-outline);pointer-events:none;margin-left:8px}#audio-controls{align-items:center;gap:8px;display:flex;position:fixed;top:12px;right:16px}button.icon{place-items:center;width:44px;min-width:0;height:44px;padding:8px;display:grid}button.icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}button.icon .slash{stroke:#ff594d;display:none}button.icon[aria-pressed=true]{color:#ffffff80}button.icon[aria-pressed=true] .slash{display:inline}button.icon[aria-pressed=true] .wave{display:none}#hud-timer{font-size:2.8rem;font-weight:700;top:6px;left:50%;transform:translate(-50%)}#hud-timer.low{color:#ff594d}#hud-hint{opacity:.9;font-size:.95rem;bottom:14px;left:16px}.score-popup{text-shadow:0 0 4px #000,0 0 4px #000,0 0 2px #000;will-change:transform, opacity;white-space:nowrap;font-size:1.6rem;font-weight:800;position:absolute;top:0;left:0}#menu .page{flex-direction:column;justify-content:center;gap:.8rem;display:flex;position:fixed;inset:0}#menu-title{align-items:flex-start;padding-left:clamp(24px,6vw,80px)}#menu-select{background:#0009;align-items:center}#menu-select h2,.panel h2{text-shadow:var(--text-outline);margin:0 0 .5rem;font-size:2.4rem}.cards{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:.8rem;display:flex}.card{background:var(--panel);text-align:center;border:2px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:260px;padding:20px;display:flex}.card.unlocked{border-color:#b38c24e6}.card h3{margin:0;font-size:1.7rem}.card .best{opacity:.75;min-height:1.3em}.card button{width:100%;min-width:0}.modal{background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:var(--panel);text-align:center;border-radius:12px;flex-direction:column;align-items:stretch;gap:12px;min-width:min(460px,92vw);padding:24px 28px;display:flex}#results-stats{text-align:left;white-space:pre-line;margin:0;font-size:1.25rem;line-height:1.5}#results-best{margin:0;font-size:1.5rem}#results-best.new{color:var(--gold)}#loading{z-index:10;background:var(--background);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}#loading.fading{opacity:0;pointer-events:none}#loader{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1rem;display:flex}#loader .subtitle{margin-bottom:1rem}#tumble-spin{width:var(--sprite-size);height:var(--sprite-size);background-size:calc(var(--sprite-size) * var(--frames)) var(--sprite-size);animation:tumble-spin 2s steps(var(--frames)) infinite}@keyframes tumble-spin{to{background-position:calc(var(--sprite-size) * var(--frames) * -1) 0}}#bar{background:#ffffff1f;border-radius:7px;width:min(420px,70vw);height:14px;overflow:hidden}#bar-fill{background:linear-gradient(90deg, #f0a830, var(--gold));border-radius:7px;width:0%;height:100%;transition:width .2s}#bar.indeterminate #bar-fill{width:30%;animation:1.2s ease-in-out infinite bar-slide}@keyframes bar-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}#percent{opacity:.7;min-height:1.2em;margin:0}#loading-error{text-align:center;background:#5b3943;border:1px solid #9b3943;border-radius:.5rem;max-width:32rem;margin:0 2rem;padding:1rem;line-height:1.4}@media (prefers-reduced-motion:reduce){#tumble-spin,#bar.indeterminate #bar-fill{animation:none}}.touch{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-text-size-adjust:100%}.touch,.touch body{overscroll-behavior:none;position:fixed;inset:0}.touch button{touch-action:manipulation}.touch .keyboard-only,.touch #hud-hint{display:none}.touch #hud-score,.touch #hud-treats{font-size:1.2rem}.touch #hud-score{top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left))}.touch #hud-treats{top:calc(38px + var(--safe-top));left:calc(12px + var(--safe-left));margin:0;position:fixed}.touch #hud-timer{top:calc(4px + var(--safe-top));font-size:2.2rem}.touch #audio-controls{top:calc(10px + var(--safe-top));right:calc(12px + var(--safe-right));gap:6px}.touch button.icon{background:#14121a99;width:40px;height:40px}#pause-button svg{stroke-width:3px}.stick-zone{touch-action:none;width:50%;height:55%;position:fixed;bottom:0;left:0}.stick{--size:clamp(110px, 30vmin, 150px);left:calc(24px + var(--safe-left));bottom:calc(24px + var(--safe-bottom));width:var(--size);height:var(--size);opacity:.6;pointer-events:none;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;transition:opacity .15s;position:absolute}.stick.active{opacity:1}.stick:before{content:"";border:1px dashed #ffffff40;border-radius:50%;position:absolute;inset:15%}.stick-knob{background:#ffffff73;border-radius:50%;width:44%;height:44%;margin:-22% 0 0 -22%;position:absolute;top:50%;left:50%;box-shadow:0 2px 8px #00000059}.stick.running .stick-knob{background:#ffd14dbf}.touch-buttons{right:calc(24px + var(--safe-right));bottom:calc(24px + var(--safe-bottom));flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed}.touch-buttons button{--size:clamp(68px, 19vmin, 88px);min-width:0;width:var(--size);height:var(--size);text-shadow:var(--text-outline);touch-action:none;background:#ffffff24;border:2px solid #ffffff59;border-radius:50%;padding:0;font-size:.95rem;font-weight:700}.touch-buttons .touch-pounce{--size:clamp(56px, 15vmin, 72px);margin-right:28px;font-size:.8rem}.touch-buttons button.pressed{background:#ffd14d73;border-color:#ffd14de6}.touch #menu .page,.touch .modal{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left));overscroll-behavior:contain;touch-action:pan-y;justify-content:safe center;overflow-y:auto}.touch .modal{align-items:safe center}.touch #menu #menu-select{padding-top:calc(60px + var(--safe-top))}.touch #menu-title{padding-left:calc(clamp(24px, 6vw, 80px) + var(--safe-left))}.touch .card{gap:8px;width:min(260px,50vw - 32px);padding:14px}.touch .card h3{font-size:1.3rem}.touch .card button{font-size:1.1rem}.touch .card .stars svg{width:30px;height:30px}.touch .cards{gap:12px}.touch .panel{flex-shrink:0;gap:10px;padding:20px}@media (orientation:portrait){.touch #menu #menu-title{padding-top:calc(10vh + var(--safe-top));text-align:center;justify-content:flex-start;align-items:center;padding-left:16px}.touch .game-title{font-size:clamp(2.5rem,14vw,5.5rem)}.touch #menu-select h2{font-size:1.8rem}}@media (orientation:landscape) and (max-height:540px){.touch #menu #menu-select{padding-top:calc(12px + var(--safe-top))}.touch .card{width:clamp(116px, calc((100vw - 110px - var(--safe-left) - var(--safe-right)) / 5), 150px);gap:6px;padding:10px}.touch .card h3{font-size:1.05rem}.touch .card .best{font-size:.8rem}.touch .card button{padding:.35rem .6rem;font-size:1rem}.touch .card .stars svg{width:24px;height:24px}.touch #menu-select h2,.touch .panel h2{margin-bottom:.2rem;font-size:1.6rem}.touch .panel{gap:8px;padding:14px 20px}.touch .panel button{padding:.4rem 1rem;font-size:1.05rem}.touch #results-stats{font-size:1rem;line-height:1.35}.touch #results-best{font-size:1.15rem}.touch .stars.large svg{width:36px;height:36px}.touch .subtitle{margin-bottom:.8rem}.touch .game-title{font-size:clamp(2.5rem,8vw,4rem)}.touch #hud-timer{font-size:1.9rem}}