:root{--amber: #f29a2e;--amber-dark: #c9741a;--yellow: #ffd23f;--denim: #5b8db8;--denim-dark: #3f6f9c;--cream: #fff7e0;--ink: #3a2a14;--font: "Prompt", "Noto Sans Thai", "Leelawadee UI", "Tahoma", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}html,body{margin:0;height:100%;overflow:hidden;background:#8fd0ff;font-family:var(--font);color:var(--ink);overscroll-behavior:none}#app{position:fixed;inset:0;touch-action:none;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:none}#ui button,#ui .card{pointer-events:auto}.hidden{display:none!important}.btn{font-family:var(--font);font-weight:800;font-size:clamp(20px,4.6vmin,30px);color:#fff;border:0;border-radius:999px;padding:.6em 1.6em;min-height:56px;min-width:180px;cursor:pointer;background:linear-gradient(#ffb94a,var(--amber));box-shadow:0 6px 0 var(--amber-dark),0 10px 18px #5028004d;text-shadow:0 2px 0 rgba(120,60,0,.45);transition:transform .08s,box-shadow .08s}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--amber-dark),0 3px 8px #5028004d}.btn.blue{background:linear-gradient(#7fb0da,var(--denim));box-shadow:0 6px 0 var(--denim-dark),0 10px 18px #001e464d;text-shadow:0 2px 0 rgba(0,40,90,.4)}.btn.blue:active{box-shadow:0 1px 0 var(--denim-dark),0 3px 8px #001e464d}.btn.small{font-size:clamp(16px,3.4vmin,22px);min-height:46px;min-width:0;padding:.45em 1.1em}.icon-btn{pointer-events:auto;width:52px;height:52px;border-radius:16px;border:0;font-size:24px;cursor:pointer;background:#fff7e0eb;box-shadow:0 4px #78501459;font-family:var(--font)}.icon-btn:active{transform:translateY(3px);box-shadow:0 1px #78501459}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));text-align:center}.screen.dim{background:#1e325073;backdrop-filter:blur(2px)}.card{background:var(--cream);border-radius:28px;padding:20px 24px;box-shadow:0 8px #a06e1e59,0 16px 36px #281e0a4d;max-width:min(92vw,460px);width:100%}.title{font-size:clamp(44px,11vmin,92px);font-weight:800;line-height:1;margin:0;color:var(--yellow);-webkit-text-stroke:.08em #d9701a;paint-order:stroke fill;text-shadow:0 .06em 0 #b45a10,0 .16em .3em rgba(60,30,0,.35)}.subtitle{margin:0;font-size:clamp(16px,3.6vmin,24px);font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(20,60,110,.6)}.menu-col{display:flex;flex-direction:column;align-items:center;gap:14px}.menu-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.stat-pill{background:#fff7e0eb;border-radius:999px;padding:6px 18px;font-weight:700;font-size:clamp(15px,3.2vmin,20px);box-shadow:0 3px #7850144d}.howto{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center;text-align:left;font-size:clamp(14px,2.9vmin,18px);font-weight:600}.howto h3{grid-column:1 / -1;margin:0 0 2px;font-size:1.15em;text-align:center}.howto .hint{grid-column:1 / -1;text-align:center;font-size:.92em;color:#6b5330}kbd{display:inline-block;min-width:1.9em;padding:.1em .45em;border-radius:8px;background:#fff;border:2px solid #d9c79a;border-bottom-width:4px;font-family:var(--font);font-weight:700;text-align:center;margin-right:3px}.hud{position:absolute;inset:0;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:8px}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hud-score{text-align:left;color:#fff;text-shadow:0 3px 0 rgba(160,80,0,.55),0 4px 10px rgba(0,0,0,.25);line-height:1.05}.hud-score .big{font-size:clamp(32px,8vmin,56px);font-weight:800}.hud-score .row{display:flex;gap:12px;font-size:clamp(16px,3.6vmin,24px);font-weight:800}.hud-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-right .btns{display:flex;gap:8px}.hud-best{font-size:clamp(13px,2.8vmin,17px);font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(160,80,0,.55)}.hud-mult{color:#fff;font-weight:800}.hud-powerups{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.pu{display:flex;align-items:center;gap:8px;background:#fff7e0eb;border-radius:999px;padding:4px 12px 4px 8px;box-shadow:0 3px #7850144d;min-width:150px}.pu .ic{font-size:22px}.pu .bar{flex:1;height:10px;border-radius:6px;background:#5a3c1433;overflow:hidden}.pu .bar>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ffd23f,#f29a2e);transform-origin:left}.pu.low{animation:blink .4s steps(2) infinite}@keyframes blink{50%{opacity:.45}}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(96px,28vmin,220px);font-weight:800;color:var(--yellow);-webkit-text-stroke:.06em #d9701a;paint-order:stroke fill;text-shadow:0 .06em 0 #b45a10}.countdown.pop>span{animation:pop .9s ease-out}@keyframes pop{0%{transform:scale(2.2);opacity:0}25%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.2}}.card h2{margin:0 0 6px;font-size:clamp(28px,6.4vmin,44px);font-weight:800;color:var(--amber-dark)}.big-score{font-size:clamp(44px,11vmin,76px);font-weight:800;line-height:1.05}.new-best{display:inline-block;margin:6px 0;padding:4px 16px;border-radius:999px;font-weight:800;background:var(--yellow);color:#7a3f00;animation:wiggle .8s ease-in-out infinite}@keyframes wiggle{50%{transform:rotate(-3deg) scale(1.06)}}.go-stats{display:flex;justify-content:center;gap:22px;margin:8px 0 14px;font-weight:700}.go-stats b{display:block;font-size:1.4em}.lb{list-style:none;padding:0;margin:8px 0 14px;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto}.lb li{display:grid;grid-template-columns:2.2em 1fr auto;align-items:center;text-align:left;background:#fff;border-radius:14px;padding:8px 14px;font-weight:700}.lb li:nth-child(1){background:#ffe9a8}.lb .rk{color:var(--amber-dark)}.lb .empty{display:block;text-align:center;background:transparent}.debug{position:absolute;left:8px;bottom:8px;padding:6px 10px;border-radius:8px;background:#0009;color:#9ff7b2;font:12px/1.4 ui-monospace,Consolas,monospace;white-space:pre;pointer-events:none}