*,*:before,*:after{box-sizing:border-box}body.game-body--bonk{--ink: #f6eedc;--muted: rgba(246, 238, 220, .72);--gold: #e8b45a;--shade: rgba(16, 12, 6, .42);--ring: rgba(246, 238, 220, .55);background:#1d1a12;color:var(--ink);font-family:Space Grotesk,Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden}#gameCanvas{display:block;position:fixed;inset:0;width:100%;height:100%;z-index:5;touch-action:none}#hud{position:fixed;inset:0;z-index:20;pointer-events:none}#score{position:absolute;left:50%;top:calc(72px + env(safe-area-inset-top,0px));transform:translate(-50%);font-weight:700;font-size:clamp(40px,11vw,64px);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff8ec;text-shadow:0 2px 14px rgba(20,12,4,.55),0 1px 2px rgba(20,12,4,.6)}#score.pop{animation:bonk-pop .18s ease-out}@keyframes bonk-pop{40%{transform:translate(-50%) scale(1.22)}}#heat{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));top:52%;transform:translateY(-50%);width:8px;height:min(200px,30vh);border-radius:6px;background:var(--shade);box-shadow:0 0 0 1.5px var(--ring);display:flex;flex-direction:column-reverse}#heat-fill{width:100%;border-radius:6px;background:linear-gradient(0deg,#f2a93b,#f7d36a)}#heat:after{content:"";position:absolute;left:50%;top:-28px;width:22px;height:22px;transform:translate(-50%);background:url(/assets/images/arcade/bonk/goldhammer.webp) center / contain no-repeat}#heat.on{box-shadow:0 0 0 1.5px var(--ring),0 0 18px 4px #f7d36acc}.overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 24px 32px;background:radial-gradient(ellipse at center,#100c0673,#100c06d1);transition:opacity .5s}.overlay.hidden{opacity:0;pointer-events:none}.ov-char{width:190px;height:auto;margin:-8px 0 2px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.ov-eyebrow{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.ov-title{margin:0 0 10px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:56px;line-height:1;color:var(--ink)}.ov-sub{margin:0 0 10px;max-width:330px;font-size:16px;line-height:1.5;color:var(--ink)}.ov-hooks{margin:0 0 10px;max-width:340px;font-size:13px;line-height:1.5;color:var(--gold)}.ov-keys{margin:0 0 12px;font-size:13px;letter-spacing:.04em;color:var(--muted)}.ov-best{margin:0 0 22px;min-height:16px;font-size:13px;font-weight:600;color:#9fdc8a}.btn-start{border:0;border-radius:999px;padding:15px 44px;cursor:pointer;background:var(--ink);color:#1d1a12;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 24px #00000059}.btn-start:hover,.btn-start:focus-visible{background:#fff}#winOverlay{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;background:radial-gradient(ellipse at center,#100c068c,#100c06e0);opacity:0;pointer-events:none;transition:opacity .6s}#winOverlay.visible{opacity:1;pointer-events:all}.win-eyebrow{margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.win-score-big{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:88px;line-height:1;margin-bottom:6px;color:var(--ink);font-variant-numeric:tabular-nums}#winOverlay.newbest .win-score-big{color:var(--gold);animation:bonk-best .5s ease}@keyframes bonk-best{30%{transform:scale(1.2) rotate(-3deg)}}.win-label{max-width:340px;margin:0 0 26px;font-size:14px;line-height:1.5;color:var(--muted)}.win-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.btn-primary{border:0;border-radius:999px;padding:14px 30px;cursor:pointer;background:var(--gold);color:#1d1a12;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.btn-ghost{display:inline-block;border:1.5px solid var(--ring);border-radius:999px;padding:13px 28px;text-decoration:none;background:none;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.btn-ghost:hover{border-color:var(--ink)}@media(max-width:520px){.ov-title{font-size:48px}.ov-char{width:160px}}@media(prefers-reduced-motion:reduce){#score.pop,#winOverlay.newbest .win-score-big{animation:none}}html[data-bk-theme=kitchen] body.game-body--bonk .ov-title,html[data-bk-theme=kitchen] body.game-body--bonk .ov-sub{color:#201911}html[data-bk-theme=kitchen] body.game-body--bonk .ov-eyebrow{color:#8a6a2c}html[data-bk-theme=kitchen] body.game-body--bonk .ov-hooks{color:#8a5a12}html[data-bk-theme=kitchen] body.game-body--bonk .ov-keys{color:#5c5040}html[data-bk-theme=kitchen] body.game-body--bonk .ov-best{color:#2f7a36}html[data-bk-theme=kitchen] body.game-body--bonk .btn-start{background:#201911;color:#fbfaf7}html[data-bk-theme=kitchen] body.game-body--bonk .btn-start:hover,html[data-bk-theme=kitchen] body.game-body--bonk .btn-start:focus-visible{background:#3a2e20}#goal{position:absolute;left:50%;top:calc(170px + env(safe-area-inset-top,0px));transform:translate(-50%);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;text-shadow:0 1px 6px rgba(20,12,4,.7)}@media(max-height:720px){body.game-body--bonk .overlay{padding-top:60px;padding-bottom:16px}body.game-body--bonk .ov-char{width:120px}body.game-body--bonk .ov-title{font-size:42px;margin-bottom:6px}body.game-body--bonk .ov-sub{margin-bottom:6px;font-size:15px}body.game-body--bonk .ov-hooks,body.game-body--bonk .ov-keys{margin-bottom:6px}body.game-body--bonk .ov-best{margin-bottom:12px}}html[data-bk-theme=kitchen] body.game-body--bonk #winOverlay{background:radial-gradient(circle at 50% 42%,#faf6ecf0,#f6f0e3fc)}html[data-bk-theme=kitchen] body.game-body--bonk .win-eyebrow{color:#8a7c66}html[data-bk-theme=kitchen] body.game-body--bonk .win-score-big{color:#201911}html[data-bk-theme=kitchen] body.game-body--bonk #winOverlay.newbest .win-score-big{color:#8a5a12}html[data-bk-theme=kitchen] body.game-body--bonk .win-label{color:#5e5242}html[data-bk-theme=kitchen] body.game-body--bonk .btn-primary{background:#201911;color:#fffdf7}html[data-bk-theme=kitchen] body.game-body--bonk .btn-ghost{color:#201911;border-color:#20191166}html[data-bk-theme=kitchen] body.game-body--bonk .btn-ghost:hover{border-color:#201911}#carrots{position:absolute;left:50%;top:calc(136px + env(safe-area-inset-top,0px));transform:translate(-50%);display:flex;gap:4px}#carrots .carrot{width:28px;height:28px;background:url(/assets/images/arcade/bonk/carrot.webp) center / contain no-repeat;filter:drop-shadow(0 2px 4px rgba(20,12,4,.55));transition:opacity .3s,transform .3s,filter .3s}#carrots .carrot.gone{opacity:.28;filter:grayscale(1) drop-shadow(0 2px 4px rgba(20,12,4,.4))}#carrots .carrot.lost{animation:bonk-lost .5s ease-out}@keyframes bonk-lost{30%{transform:translateY(-10px) rotate(-25deg) scale(1.3)}}.tap-hint{position:absolute;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));padding:6px 10px;font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}#hud.played .tap-hint{opacity:0;transition:opacity .6s}@media(prefers-reduced-motion:reduce){#carrots .carrot.lost{animation:none}}