.boo-game{width:100%;min-width:0}.boo-game .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.boo-game .boo-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;outline:none;width:clamp(min(100%,420px),131.9dvh - 197.85px,100%);margin:0 auto;padding:38px 6px 48px;position:relative;container-type:inline-size}.boo-game .boo-stage.live{touch-action:none}@supports not (aspect-ratio:1){.boo-game .stage{height:0;padding-bottom:75.8%}}.boo-game .boo-stage:focus-visible .stage{outline:3px solid var(--orange);outline-offset:6px;border-radius:40px}.boo-game .stage{aspect-ratio:620/470;width:100%;position:relative}.boo-game .stage>svg,.boo-game .stage>canvas{width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.boo-game .stage>#boo-rest{filter:drop-shadow(0 10px 24px #251a382e)}.boo-game .stage>#boo-shadow{opacity:0;filter:drop-shadow(0 10px 24px #251a382e)}.boo-game .playing .stage>#boo-shadow{opacity:1}.boo-game .stage>canvas{opacity:0}.boo-game .playing .stage>canvas{opacity:1}.boo-game .playing .stage>svg{opacity:0}.boo-game .chip{z-index:2;background:var(--green);transform-origin:0 0;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:opacity .35s,transform .35s;display:inline-flex;position:absolute;top:16px;left:4px;transform:rotate(-4deg);box-shadow:0 2px #251a3814}.boo-game #boo-chip-hud{background:var(--paper);font-variant-numeric:tabular-nums;opacity:0;font-weight:600;transform:rotate(-4deg)scale(.92)}.boo-game .playing #boo-chip-rest{opacity:0;transform:rotate(-4deg)scale(.92)}.boo-game .playing #boo-chip-hud{opacity:1;transform:rotate(-4deg)scale(1)}.boo-game .chip svg{flex:none;width:18px;height:18px}.boo-game .chip .sep{background:var(--line);width:1px;height:16px}.boo-game .hearts{gap:3px;display:inline-flex}.boo-game .hearts svg{width:17px;height:16px;transition:transform .25s,opacity .25s}.boo-game .hearts svg.lost{opacity:.4}.boo-game .hearts svg.pop{animation:.45s boo-pop}.boo-game .hint{white-space:normal;text-align:center;z-index:2;opacity:0;pointer-events:none;background:#faf7fef0;border-radius:999px;max-width:calc(100% - 24px);padding:6px 14px;font-size:13px;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;bottom:78px;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 2px 10px #251a382e}.boo-game .hint.on{opacity:1;transform:translate(-50%)translateY(0)}@media (prefers-reduced-motion:no-preference){.boo-game .hint.on{animation:1.6s ease-in-out infinite boo-pulse}}.boo-game .sign{touch-action:manipulation;transform-origin:100% 100%;background:var(--lavender);border:2px solid var(--white);text-align:center;z-index:2;border-radius:6px;min-width:250px;padding:16px 26px;transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute;bottom:8px;right:-4px;transform:rotate(3deg);box-shadow:0 8px 20px #251a3829}.boo-game .sign.away{opacity:0;pointer-events:none;transform:rotate(3deg)translateY(170%)}.boo-game .sign b{font-family:var(--heading);font-size:30px;font-weight:600;line-height:1.05;display:block}.boo-game .sign span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.boo-game .sign .title{color:var(--ink);margin-bottom:2px;font-size:14px;font-weight:600}.boo-game .sign .score{font-variant-numeric:tabular-nums;font-size:42px}.boo-game .sign .btns{justify-content:center;gap:8px;margin-top:12px;display:flex}.boo-game .sign .btn{font:600 13px var(--body);color:var(--ink);background:var(--orange);cursor:pointer;border:0;border-radius:8px;padding:9px 14px;box-shadow:0 2px #251a382e}.boo-game .sign .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (max-width:520px){.boo-game .sign{min-width:200px;padding:12px 18px}.boo-game .sign b{font-size:24px}.boo-game .sign .score{font-size:34px}.boo-game .boo-stage{padding-inline:0}.boo-game .chip{padding:6px 10px;font-size:13px}}@container (max-width:480px){.boo-game .sign{min-width:180px;padding:10px 16px}.boo-game .sign b{font-size:22px}.boo-game .sign .score{font-size:30px}.boo-game .sign span{font-size:12px}.boo-game .chip{gap:6px;padding:6px 10px;font-size:12px}.boo-game .chip svg{width:15px;height:15px}.boo-game .hearts svg{width:14px;height:13px}.boo-game .hint{font-size:12px;bottom:60px}}@media (prefers-reduced-motion:no-preference){.boo-game #boo-rest-boo{animation:2.4s ease-in-out infinite boo-bob}.boo-game #boo-ripple{transform-box:fill-box;transform-origin:50%;animation:6s ease-out infinite boo-ripple}}.boo-game .game-controls{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;font-size:12px;display:flex}.boo-game .game-controls button{min-height:44px}.boo-game .game-controls [hidden]{display:none}.boo-game .boo-stage:not(.playing) .hint{bottom:130px}.boo-game .sign.away{visibility:hidden}@media (prefers-reduced-motion:reduce){.boo-game *{transition:none!important;animation:none!important}}@keyframes boo-pop{0%{transform:scale(1)}35%{transform:scale(1.7)rotate(-12deg)}to{transform:scale(1)}}@keyframes boo-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes boo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes boo-ripple{0%,60%{opacity:0;transform:scale(.4)}62%{opacity:.9}to{opacity:0;transform:scale(1.6)}}
