*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;font-family:system-ui,-apple-system,Microsoft YaHei,sans-serif;color:#214b46;letter-spacing:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}#game{position:relative;width:100%;height:100dvh;touch-action:none;background:#d9f3ef}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;padding:calc(24px + env(safe-area-inset-top)) 32px 20px;gap:26px;pointer-events:none}.brand{font-size:23px;font-weight:850;line-height:1.25}.brand span{display:block;font-size:10px;font-weight:650;margin-top:6px;color:#58867c}.scores{display:flex;margin-left:auto;gap:30px}.scores>div{min-width:38px;text-align:center}.scores small{display:block;font-size:11px;color:#62877d}.scores strong{font-size:27px;font-weight:750}#sound{pointer-events:auto;display:grid;place-items:center;border:1px solid #a4cbc0;background:#fff6;width:42px;height:42px;border-radius:50%;color:#38675b}#sound svg{width:19px;height:19px}#toast{position:absolute;top:25%;width:100%;text-align:center;font-size:26px;font-weight:800;color:#287d66;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translateY(-8px)}#charge{position:absolute;bottom:calc(85px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:190px;text-align:center;pointer-events:none}.charge-track{height:9px;background:#ffffff9c;border:1px solid #b0d9cc;border-radius:8px;overflow:hidden;position:relative}#power{display:block;height:100%;width:0;background:#f18c87;border-radius:8px}.charge-track b{position:absolute;left:54%;top:0;width:2px;height:100%;background:#467f6a77}#charge-label{font-size:10px;font-weight:700;display:block;margin-top:9px;color:#679589}.footer{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom));left:32px;right:32px;display:flex;align-items:center;gap:12px;font-size:10px;color:#69968a;pointer-events:none}.footer i{height:1px;width:32px;background:#9dc3b7}.footer span:last-child{margin-left:auto}#over{position:absolute;inset:0;background:#e5f4ee99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center}#over:not([hidden]){display:flex}.result{text-align:center;width:min(340px,86vw);padding:32px 20px}.eyebrow{font-size:10px;font-weight:700;color:#6a9181}.result h1{font-size:34px;margin:12px 0 26px}.result p{font-size:12px;color:#608678;margin:0}.result>strong{display:block;font-size:76px;line-height:1.3}.result #record{font-size:12px;height:40px;color:#5a8a77}#restart{width:100%;border:0;border-radius:8px;background:#285e50;color:#fff;padding:16px 22px;display:flex;justify-content:space-between;font-weight:650}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#d9f3ef;font-size:15px}button:focus-visible{outline:3px solid #ed9285;outline-offset:4px}@media(max-width:600px){header{padding:calc(20px + env(safe-area-inset-top)) 20px 16px;gap:18px}.brand{font-size:20px}.scores{gap:17px}.scores strong{font-size:24px}.footer{left:22px;right:22px}}