*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}#app{position:fixed;inset:0;display:flex;justify-content:center;background:linear-gradient(180deg,#e8f7e4,#fdf6e3)}#game{width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;padding:8px 20px;background:#ffffffbf;border-radius:999px;box-shadow:0 4px 14px #785a3c1f;z-index:10;pointer-events:none}#hud>div{text-align:center}#hud label{display:block;font-size:11px;color:#9c8a7a;letter-spacing:2px}#score,#best{font-size:22px;font-weight:700;color:#5b4632;line-height:1.1;font-variant-numeric:tabular-nums}#score.pop{animation:pop .35s ease;color:#ff6b81}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}#gameover{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#281e1473;backdrop-filter:blur(4px);z-index:20;animation:fadein .3s ease}#gameover.hidden{display:none}.panel{background:#fffaf0;border-radius:24px;padding:32px 44px;text-align:center;box-shadow:0 12px 40px #3c28144d;animation:rise .4s cubic-bezier(.34,1.56,.64,1)}.panel h1{font-size:28px;color:#5b4632;margin-bottom:12px}.panel p{color:#9c8a7a;font-size:15px;margin:4px 0}.panel p span{color:#ff6b81;font-weight:700;font-size:20px}.panel button{margin-top:18px;border:none;border-radius:999px;padding:14px 44px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff9a76,#ff6b81);box-shadow:0 6px 16px #ff6b8166;cursor:pointer;font-family:inherit}.panel button:active{transform:scale(.95)}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}