.bmp-c0{--c:#d64541}.bmp-c1{--c:#2e9e5b}.bmp-c2{--c:#e0a91b}.bmp-c3{--c:#3a7bd5}.bmp-wrap{width:100%;max-width:560px;margin:0 auto}.bmp-board{aspect-ratio:1;background:#f4efe1;border:3px solid #2b2a33;border-radius:10px;grid-template-rows:repeat(16,1fr);grid-template-columns:repeat(16,1fr);padding:0;display:grid;position:relative;overflow:hidden}.bmp-sq{background:#fffaf0;border:1px solid #b8b09a;min-width:0;margin:0;padding:0}.bmp-slide{background:color-mix(in srgb,var(--c)30%,#fffaf0)}.bmp-slide.first{background:color-mix(in srgb,var(--c)70%,#fffaf0);clip-path:none;position:relative}.bmp-slide.first:after{content:"▶";color:#fff;justify-content:center;align-items:center;height:100%;font-size:clamp(6px,1.6vw,11px);display:flex}.bmp-slide.last{background:color-mix(in srgb,var(--c)55%,#fffaf0);border-radius:50%}.bmp-safe{background:color-mix(in srgb,var(--c)45%,#fffaf0)}.bmp-area{border:3px solid var(--c);background:color-mix(in srgb,var(--c)18%,#fffaf0);font:inherit;color:#2b2a33;border-radius:50%;justify-content:center;align-items:flex-end;margin:2px;padding:0 0 2px;display:flex}.bmp-area small{text-transform:uppercase;letter-spacing:.04em;font-size:clamp(7px,1.6vw,11px);font-weight:700}.bmp-area.home{background:color-mix(in srgb,var(--c)40%,#fffaf0)}.bmp-sq.target,.bmp-area.target{cursor:pointer;animation:1s ease-in-out infinite bmp-pulse;box-shadow:inset 0 0 0 3px #2b2a33}.bmp-sq.target:focus-visible,.bmp-area.target:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}@keyframes bmp-pulse{50%{box-shadow:inset 0 0 0 3px #2b2a33,inset 0 0 0 30px #2b2a332e}}.bmp-duck{aspect-ratio:1;z-index:3;background:var(--c);color:#fff;width:5.125%;font:700 clamp(7px,1.7vw,12px)/1 var(--f-mono);border:2px solid #2b2a33;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:left .35s,top .35s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px #2b2a33}.bmp-duck.moved{z-index:4}.bmp-duck.can{cursor:pointer;z-index:5;animation:1s ease-in-out infinite bmp-glow}.bmp-duck.sel{z-index:6;animation:none;transform:translate(-50%,-60%)scale(1.15);box-shadow:0 0 0 3px #fff,0 0 0 5px #2b2a33}@keyframes bmp-glow{50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--c)45%,transparent),0 2px 0 #2b2a33}}.bmp-mid{grid-area:6/6/span 6/span 6;justify-content:center;align-items:center;display:flex}.bmp-card{aspect-ratio:3/4;text-align:center;color:#2b2a33;background:#fffaf0;border:2px solid #2b2a33;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:70%;padding:6px;display:flex;box-shadow:0 4px #2b2a33}.bmp-card b{font:400 clamp(26px,7vw,48px)/1 var(--f-word)}.bmp-card.bump b{color:#d64541;font-size:clamp(18px,5vw,32px)}.bmp-card small{font-size:clamp(8px,1.9vw,12px);line-height:1.25}.bmp-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bmp-players li{border:1.5px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;min-width:0;padding:4px 10px;display:flex}.bmp-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent)30%,transparent)}.bmp-players li.won{border-color:var(--good)}.bmp-dot{background:var(--c);border:1.5px solid #2b2a33;border-radius:50%;flex:none;width:12px;height:12px}.bmp-moves{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.bmp-moves p{margin:0}@media (prefers-reduced-motion:reduce){.bmp-duck{transition:none}.bmp-duck.can,.bmp-sq.target,.bmp-area.target{animation:none}}