:root{--ink:#3a2316;--cream:#fff7e6;--orange:#ff8a1f;--orange-dark:#d8620a;--green:#34b05a;--hud-h:64px;--bar-h:60px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;color:var(--ink);background:#ffd98a;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{background:linear-gradient(#ffe7a8,#ffc46b 70%,#f4a24a);position:fixed;inset:0}#jar{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{top:env(safe-area-inset-top);height:var(--hud-h);pointer-events:none;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;left:0;right:0}.stat{background:var(--cream);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:78px;height:48px;padding:4px 10px;display:flex;box-shadow:0 3px #783c0a40}.stat.next{flex-direction:row;gap:4px;min-width:60px}.stat.next .label{writing-mode:vertical-rl;font-size:10px;transform:rotate(180deg)}.label{letter-spacing:.06em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:800}#score,#best{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1}#next{width:40px;height:40px}.icon-btn{pointer-events:auto;background:var(--cream);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 3px #783c0a40}.icon-btn svg{fill:currentColor;width:22px;height:22px}.icon-btn.dark{background:#f3e2c4}#bar{left:0;right:0;bottom:env(safe-area-inset-bottom);max-width:560px;height:var(--bar-h);pointer-events:none;align-items:center;gap:8px;margin:0 auto;padding:6px 10px 10px;display:flex;position:absolute}#ladder{flex:1;min-width:0;height:40px}.tool{pointer-events:auto;background:var(--cream);height:44px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:4px;padding:0 12px 0 8px;font-size:14px;font-weight:800;display:flex;position:relative;box-shadow:0 3px #783c0a40}.tool svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.tool:disabled{opacity:.45;cursor:default}.badge{background:var(--green);color:#fff;text-align:center;border-radius:10px;min-width:20px;height:20px;padding:0 5px;font:900 12px/20px system-ui,sans-serif;position:absolute;top:-6px;right:-6px}.badge:empty{display:none}.badge.ad{background:#7b3fe4}#toast{left:50%;top:calc(var(--hud-h) + 12px + env(safe-area-inset-top));color:#fff;white-space:nowrap;pointer-events:none;background:#3a2316e0;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%)}.screen{z-index:10;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.screen.dim{background:#3a231673}.screen[hidden]{display:none}.panel{background:var(--cream);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:12px;width:min(340px,100%);padding:24px 20px;display:flex;box-shadow:0 8px #783c0a4d,0 20px 50px #0003}.panel.menu{background:#fff7e6f0}.panel h2{margin:0;font-size:24px}.logo{letter-spacing:-.02em;color:var(--orange);text-shadow:0 4px 0 var(--orange-dark);flex-direction:column;margin:0;font-size:64px;font-weight:900;line-height:.9;display:flex}.logo span:last-child{color:var(--green);text-shadow:0 4px #1b7a3a}.sub{opacity:.8;margin:0;font-size:15px;line-height:1.35}.best{min-height:1em;font-size:15px;font-weight:800}.best.new{color:var(--green)}.final{flex-direction:column;display:flex}#over-score{font-size:48px;font-weight:900;line-height:1}.made{align-items:center;gap:8px;font-weight:700;display:flex}.made:has(span:empty){display:none}.btn{width:100%;min-height:48px;color:var(--ink);font:inherit;cursor:pointer;background:#f3e2c4;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex;box-shadow:0 4px #783c0a40}.btn:active,.tool:active,.icon-btn:active{transform:translateY(2px);box-shadow:0 1px #783c0a40}.btn.primary{background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-dark)}.btn.big{min-height:60px;font-size:24px}.btn.ad{color:#fff;background:#7b3fe4;font-size:15px;box-shadow:0 4px #4f22a3}.btn.ad svg{fill:currentColor;width:18px;height:18px}.btn[hidden]{display:none}.fake-ad{z-index:99;color:#fff;background:#000;justify-content:center;align-items:center;font-size:24px;font-weight:800;display:flex;position:fixed;inset:0}@media (width<=360px){.stat{min-width:64px;padding:4px 6px}#score,#best{font-size:18px}.tool span{display:none}.tool{padding:0 10px}}