.bp-wrap{display:grid;justify-items:center;gap:10px}.bp-head{display:flex;align-items:center;gap:10px}.bp-title{font-weight:800;font-size:1.1rem;min-width:7.5em;text-align:center}.bp-check{color:var(--good)}.bp-nav{min-width:40px;font-size:1.2rem;line-height:1}.bp-board{--bp-cell: 40px;position:relative;touch-action:none;cursor:pointer;border-radius:10px;overflow:hidden}.bp-layer{position:absolute;inset:0}.bp-tile,.bp-box,.bp-worker{position:absolute;left:0;top:0;width:var(--bp-cell);height:var(--bp-cell)}.bp-floor{background:var(--cell-alt);box-shadow:inset 0 0 0 .5px var(--cell-line)}.bp-wall{background:linear-gradient(var(--bp-mortar) 0 0) 0 50% / 100% 2px no-repeat,linear-gradient(var(--bp-mortar) 0 0) 30% 0 / 2px 50% no-repeat,linear-gradient(var(--bp-mortar) 0 0) 75% 100% / 2px 50% no-repeat,var(--bp-brick);border-radius:3px;--bp-brick: color-mix(in srgb, var(--cell-strong) 85%, #7a4a2a);--bp-mortar: color-mix(in srgb, var(--cell-strong) 55%, var(--bg))}.bp-goal:after{content:"";position:absolute;inset:32%;border-radius:50%;border:3px solid var(--accent);background:var(--accent-soft)}.bp-box,.bp-worker{transition:transform .09s linear}.bp-noanim .bp-box,.bp-noanim .bp-worker,.reduce-motion .bp-box,.reduce-motion .bp-worker{transition:none}.bp-box:before{content:"";position:absolute;inset:8%;border-radius:5px;background:linear-gradient(45deg,transparent 46%,rgb(0 0 0 / .22) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgb(0 0 0 / .22) 47% 53%,transparent 54%),#d28a3c;border:3px solid #8a531d;box-shadow:0 2px #00000040;transition:background-color .2s,border-color .2s}.bp-box.bp-on-goal:before{background:linear-gradient(45deg,transparent 46%,rgb(0 0 0 / .18) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgb(0 0 0 / .18) 47% 53%,transparent 54%),#3fae6a;border-color:#1d6b3d}.colorblind .bp-box.bp-on-goal:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;font-size:calc(var(--bp-cell) * .45);text-shadow:0 1px 2px rgb(0 0 0 / .5)}.bp-worker:before{content:"";position:absolute;inset:14%;border-radius:50%;background:var(--p3);border:3px solid color-mix(in srgb,var(--p3) 60%,#000);box-shadow:0 2px #00000040}.bp-worker-eye{position:absolute;width:14%;height:14%;border-radius:50%;background:#fff;top:38%;z-index:1;transition:transform .1s}.bp-worker-eye:first-child{left:33%}.bp-worker-eye:last-child{right:33%}.bp-worker[data-face=up] .bp-worker-eye{transform:translateY(-60%)}.bp-worker[data-face=down] .bp-worker-eye{transform:translateY(70%)}.bp-worker[data-face=left] .bp-worker-eye{transform:translate(-60%)}.bp-worker[data-face=right] .bp-worker-eye{transform:translate(60%)}@keyframes bp-bump{50%{scale:.86}}.bp-worker.bp-bump:before{animation:bp-bump .16s}@keyframes bp-glow{50%{filter:brightness(1.25)}}.bp-won .bp-box{animation:bp-glow .4s}.bp-pad{display:none;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,44px);gap:6px}.bp-pad .btn{padding:0;min-height:44px;font-size:1.1rem;touch-action:manipulation}.bp-pad-up{grid-column:2;grid-row:1}.bp-pad-undo{grid-column:3;grid-row:1}.bp-pad-left{grid-column:1;grid-row:2}.bp-pad-down{grid-column:2;grid-row:2}.bp-pad-right{grid-column:3;grid-row:2}.bp-pad{grid-template-areas:none}@media (pointer: coarse){.bp-pad{display:grid}}.bp-levels{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.bp-level{display:grid;padding:6px 0;min-height:52px;line-height:1.1}.bp-level small{font-size:.7rem;color:var(--muted);min-height:1em}.bp-level-done{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--surface))}.bp-level-cur{outline:2px solid var(--accent);outline-offset:1px}