*{box-sizing:border-box}html,body{color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:#a9d8f0;height:100%;margin:0;font-family:DotGothic16,system-ui,sans-serif;overflow:hidden}html.inverted{animation:1.3s step-end forwards invert-flash}@keyframes invert-flash{0%{filter:invert()}12%{filter:none}20%{filter:invert()}32%{filter:none}40%{filter:invert()}to{filter:none}}#game{cursor:pointer;width:100vw;height:100vh;display:block}.shadowed{text-shadow:0 3px #3b2414,2px 0 #3b2414,-2px 0 #3b2414,0 -2px #3b2414}#hud{pointer-events:none;text-shadow:0 3px #3b2414,2px 0 #3b2414,-2px 0 #3b2414,0 -2px #3b2414;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:16px 16px auto}#hud .label{margin-right:8px;font-size:18px}#hud .score #score{font-size:56px;line-height:1}#hud .unit{margin-left:4px;font-size:22px}#hud .best{font-size:28px}#hud .score.bump #score{animation:.18s ease-out bump}@keyframes bump{0%{display:inline-block;transform:scale(1.35)}to{transform:scale(1)}}#score{display:inline-block}#timer{pointer-events:none;background:#3b2414;border:3px solid #3b2414;width:120px;height:14px;margin-left:-60px;display:none;position:fixed}#timer-fill{transform-origin:0;background:#7bd34f;width:100%;height:100%}#overlay{pointer-events:none;background:#1e140a59;justify-content:center;align-items:center;padding:16px;transition:opacity .25s;display:flex;position:fixed;inset:0}#overlay.hidden{opacity:0}.panel{color:#3b2414;text-align:center;background:#f4e4c1;border:4px solid #3b2414;width:100%;max-width:520px;padding:24px 28px;box-shadow:0 6px #3b2414}.panel h1{color:#8a3b1c;margin:0 0 12px;font-size:44px;font-weight:400}.panel h2{color:#b8312f;margin:0 0 8px;font-size:34px;font-weight:400}.panel p{margin:6px 0;font-size:17px;line-height:1.6}.panel ul{text-align:left;max-width:420px;margin:12px auto;padding-left:1.2em;font-size:16px;line-height:1.7}.panel .result{margin:8px 0;font-size:56px}.panel .result small{font-size:22px}.panel .new-best{color:#d9902b;font-size:22px}.panel .cta{margin-top:16px;font-size:22px;animation:1s steps(2,start) infinite blink}.panel .cta.wait{visibility:hidden;animation:none}@keyframes blink{to{visibility:hidden}}#result{pointer-events:none;background:linear-gradient(#1e140a66,#0000 32% 78%,#1e140a73);flex-direction:column;justify-content:space-between;align-items:center;padding:96px 16px 20px;display:none;position:fixed;inset:0}#result.show{display:flex}#result .banner{color:#3b2414;text-align:center;background:#f4e4c1;border:4px solid #3b2414;width:100%;max-width:560px;padding:10px 20px;animation:.35s cubic-bezier(.3,1.6,.6,1) both slam;box-shadow:0 5px #3b2414}#result h2{color:#b8312f;margin:0;font-size:32px;font-weight:400}#result .banner p{margin:2px 0 0;font-size:16px}#result .bar{text-shadow:0 3px #3b2414,2px 0 #3b2414,-2px 0 #3b2414,0 -2px #3b2414;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 24px;animation:.4s ease-out .15s both slide-up;display:flex}#result .record{font-size:22px}#result .record b{margin:0 4px;font-size:48px;font-weight:400}#result .new-best{color:#ffd166;font-size:22px}#result .cta{font-size:22px;animation:1s steps(2,start) infinite blink}#result .cta.wait{visibility:hidden;animation:none}@keyframes slam{0%{opacity:0;transform:scale(1.6)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-1deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(40px)}}@media (width<=480px){#result{padding-top:80px}#result h2{font-size:21px}#result .banner p{font-size:14px}#result .record b{font-size:40px}#hud .score #score{font-size:44px}.panel h1{font-size:34px}.panel{padding:18px 16px}}