.bp{height:calc(100dvh - var(--header-h) - var(--play-pad) * 2);flex-direction:column;gap:8px;max-width:520px;min-height:520px;margin:0 auto;display:flex}.bp-scores{flex:none;justify-content:center;align-items:center;height:64px;display:flex;position:relative}.bp-best{font:600 15px / 1 var(--font-mono);color:var(--muted-foreground);align-items:center;gap:5px;display:flex;position:absolute;top:2px;left:0}.bp-best svg{fill:#ffc22e;width:18px;height:18px;stroke:var(--foreground);stroke-width:1.5px;stroke-linejoin:round}.bp-best.beaten{color:var(--foreground);animation:bp-best .6s var(--pop)}@keyframes bp-best{40%{transform:scale(1.25)}}.bp-rule{font:700 12px / 1 var(--font-body);letter-spacing:.02em;color:var(--foreground);cursor:pointer;border:1px solid var(--border);background:color-mix(in srgb, var(--primary) 35%, var(--card));border-radius:99px;padding:5px 9px;position:absolute;top:28px;left:0}.bp-rule[hidden]{display:none}.bp-goal{font:700 12px / 1 var(--font-body);color:var(--foreground);cursor:pointer;border:1px solid var(--border);background:var(--card);border-radius:99px;padding:5px 9px;position:absolute;top:2px;right:0}.bp-goal[hidden]{display:none}.bp-goal.done{background:color-mix(in srgb, #7bc67e 40%, var(--card))}.bp-goal.reached{animation:bp-best .6s var(--pop)}.bp-goal-line{color:var(--muted-foreground);margin:6px 0 0;font-size:13px}.bp-goal-line.done{color:var(--foreground);font-weight:600}.bp-score{font-family:var(--font-title);letter-spacing:-.03em;font-size:50px;font-weight:800;line-height:1}.bp-score.bump{animation:bp-bump .38s var(--pop)}@keyframes bp-bump{35%{transform:scale(1.18)}}.bp-board-wrap{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;container-type:size}.bp-board{border-radius:calc(var(--radius) + 2px);touch-action:none;aspect-ratio:1;background:color-mix(in srgb, var(--foreground) 14%, var(--card));border:var(--board-border,2px) solid var(--board-line,var(--border));gap:3px;width:min(100cqw,100cqh,520px);padding:6px;display:grid;position:relative}.bp-cell{background:color-mix(in srgb, var(--foreground) 4%, var(--card));border-radius:6px;position:relative}.bp-cell.filled:before,.bp-cell.ghost:before,.bp-cell.preview:before{content:"";background:var(--c);border-radius:6px;position:absolute;inset:0;box-shadow:inset 0 3px #ffffff61,inset 0 -4px #0000002e}.bp-cell.ghost:before{opacity:.38}.bp{--bp-stone:color-mix(in srgb, var(--foreground) 38%, var(--card))}.bp-cell.stone:before{background:radial-gradient(circle at 30% 35%, #00000029 0 7%, transparent 8%), radial-gradient(circle at 68% 62%, #00000024 0 6%, transparent 7%), radial-gradient(circle at 58% 26%, #ffffff38 0 5%, transparent 6%), var(--bp-stone)}.bp-cell.ice:before{background:linear-gradient(135deg,#ffffffbf 0 18%,#0000 19% 44%,#ffffff73 45% 52%,#0000 53%),#9ed8f5;box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 -4px #1e5a8c40}.bp-cell.crack:before{animation:bp-crack .42s var(--pop)}@keyframes bp-crack{0%{filter:brightness(1.8);transform:scale(1.1)}30%{transform:scale(.92)rotate(-4deg)}60%{transform:rotate(3deg)}}.bp-cell.gem:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#e9fbff 0 25%,#6fd6f7 26% 60%,#2e9bd6 61%);border:2px solid #1a1a1a;border-radius:3px;animation:2.4s ease-in-out infinite bp-gem;position:absolute;inset:27%;transform:rotate(45deg)}@keyframes bp-gem{50%{filter:brightness(1.15);transform:rotate(45deg)scale(1.1)}}.bp-cell.preview:before{background:var(--pc);animation:.9s ease-in-out infinite bp-glow}@keyframes bp-glow{50%{filter:brightness(1.22)saturate(1.2)}}.bp-cell.land:before{animation:bp-land .22s var(--pop)}@keyframes bp-land{0%{transform:scale(.55)}}.bp-cell.clearing:before{animation:bp-clear .42s var(--ease-out) forwards;animation-delay:var(--lag,0s)}@keyframes bp-clear{0%{filter:brightness(1.4)}40%{filter:brightness(1.6);transform:scale(1.12)}to{opacity:0;transform:scale(.2)}}.bp-star{z-index:2;pointer-events:none;opacity:0;animation:bp-star .7s var(--ease-out) forwards;animation-delay:calc(var(--lag,0s) + .12s);position:absolute;inset:18%}.bp-star svg{fill:#fff6cf;stroke:#1a1a1a;stroke-width:1.2px;width:100%;height:100%}@keyframes bp-star{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.15)rotate(40deg)}to{opacity:0;transform:translateY(-26px)scale(.6)rotate(140deg)}}.bp-cell.gone:before{filter:grayscale()brightness(.85);transition:filter .4s;transition-delay:var(--lag,0s)}.bp-flash{pointer-events:none;z-index:3;box-shadow:0 0 0 2px color-mix(in srgb, var(--pc) 80%, transparent), 0 0 24px 6px color-mix(in srgb, var(--pc) 60%, transparent);animation:bp-flash .56s var(--ease-out) forwards;background:linear-gradient(90deg,#0000,#ffffffd9,#0000) 0 0/50% 100% no-repeat;border-radius:8px;position:absolute}.bp-flash.col{background-image:linear-gradient(#0000,#ffffffd9,#0000);background-size:100% 50%;animation-name:bp-flash-col}@keyframes bp-flash{0%{opacity:0;background-position:-60% 0}25%{opacity:1}to{opacity:0;background-position:160% 0}}@keyframes bp-flash-col{0%{opacity:0;background-position:0 -60%}25%{opacity:1}to{opacity:0;background-position:0 160%}}.bp-spark{z-index:4;background:var(--c);pointer-events:none;width:8px;height:8px;animation:bp-spark .65s var(--ease-out) forwards;border-radius:2px;margin:-4px;position:absolute}@keyframes bp-spark{to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3) rotate(200deg)}}.bp-float{z-index:5;pointer-events:none;font-family:var(--font-title);white-space:nowrap;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.bp-float.pts{color:var(--foreground);text-shadow:0 2px 0 var(--background);animation:bp-pts .9s var(--ease-out) forwards;font-size:22px}@keyframes bp-pts{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-150%)}}.bp-float.gem{color:#1e7fb8;font-size:20px}.bp-float.word{letter-spacing:-.02em;color:#fff;-webkit-text-stroke:2px #1a1a1a;paint-order:stroke fill;text-shadow:0 4px #1a1a1a;animation:bp-word 1.1s var(--pop) forwards;font-size:44px;top:42%;left:50%}.bp-float.word small{text-align:center;-webkit-text-stroke:1.5px #1a1a1a;font-size:20px;display:block}@keyframes bp-word{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-8deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(2deg)}70%{opacity:1;transform:translate(-50%,-55%)}to{opacity:0;transform:translate(-50%,-80%)scale(.95)}}.bp-tray{flex:none;grid-template-columns:repeat(3,1fr);align-items:center;height:116px;display:grid}.bp-tray>div{touch-action:none;justify-content:center;align-items:center;height:100%;display:flex}.bp-tray>div:has(.bp-piece){cursor:grab}.bp-tray.has-hold{grid-template-columns:repeat(3,1fr) .9fr}.bp-tray .bp-hold{border:2px dashed color-mix(in srgb, var(--foreground) 28%, transparent);height:88px;transition:background-color .15s, transform .15s var(--ease-out);border-radius:14px;align-self:center;position:relative}.bp-tray .bp-hold[hidden]{display:none}.bp-hold-label{color:var(--muted-foreground);background:var(--background);padding:0 6px;font-size:11px;font-weight:700;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.bp-hold.over{background:color-mix(in srgb, var(--primary) 30%, transparent);border-style:solid;transform:scale(1.05)}.bp-hold.took{animation:bp-took .3s var(--pop)}.bp-hold.hint{border-color:var(--primary);animation:1.4s ease-in-out infinite bp-hint}@keyframes bp-hint{50%{background:color-mix(in srgb, var(--primary) 22%, transparent);transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.bp-hold.hint{background:color-mix(in srgb, var(--primary) 18%, transparent);animation:none}}@keyframes bp-took{40%{transform:scale(1.08)}}.bp-piece{gap:2px;transition:opacity .15s;display:grid}.bp-piece .pc,.bp-drag .pc{border-radius:4px}.bp-piece .pc.on,.bp-drag .pc.on{background:var(--c);box-shadow:inset 0 2px #ffffff61,inset 0 -3px #0000002e}.bp-piece.dead{opacity:.35}.bp-piece.held{opacity:0}.bp-piece.fresh{animation:bp-fresh .42s var(--pop) both;animation-delay:var(--lag,0s)}@keyframes bp-fresh{0%{opacity:0;transform:translateY(24px)scale(.6)}}.bp-drag{z-index:50;pointer-events:none;transition:transform .14s var(--ease-out);transform-origin:50% 100%;display:grid;position:fixed}.bp-drag .pc{border-radius:6px}.bp-drag.back{transition:left .22s var(--ease-out), top .22s var(--ease-out), opacity .22s, transform .22s}.bp-start,.bp-over{z-index:20;background:color-mix(in srgb, var(--background) 78%, transparent);justify-content:center;align-items:center;padding:10px;animation:.25s both bp-fade;display:flex;position:absolute;inset:0}@keyframes bp-fade{0%{opacity:0}}@media (width<=639px){.bp-start,.bp-over{z-index:30;align-items:safe center;padding:16px;position:fixed;overflow-y:auto}.bp-card{max-height:none;overflow:visible}}.bp-card{text-align:center;background:var(--card);width:min(360px,100%);max-height:100%;color:var(--foreground);border:var(--line-width) solid var(--border);border-radius:var(--radius);animation:bp-rise .34s var(--pop) both;padding:18px 16px 14px;overflow:auto}@keyframes bp-rise{0%{opacity:0;transform:translateY(14px)scale(.96)}}.bp-card h2{margin:4px 0 10px;font-size:24px}.bp-card img{height:62px}.bp-big{font-family:var(--font-title);font-size:46px;font-weight:800;line-height:1.1}.bp-card .muted{margin:2px 0 0;font-size:14px}.bp-card .btn{margin-top:10px}.bp-card .btn.primary{margin-top:14px}.bp-card .text-btn{font:inherit;color:var(--muted-foreground);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:4px;padding:8px;font-size:14px;text-decoration:underline}.bp-sizes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bp-size{font:inherit;border:var(--line-width) solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer;transition:transform .12s var(--ease-out);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.bp-size:active{transform:scale(.96)}.bp-size b{font-family:var(--font-title);margin-top:4px;font-size:16px;font-weight:800}.bp-size small{color:var(--muted-foreground);font-size:12px}.bp-mini{aspect-ratio:1;gap:1px;width:52px;display:grid}.bp-mini i{background:color-mix(in srgb, var(--foreground) 9%, var(--card));border-radius:2px}.bp-mini i.on{background:var(--c)}.bp-daily{width:100%;font:inherit;text-align:left;border:var(--line-width) solid var(--border);background:var(--primary);color:var(--primary-foreground);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.bp-daily b{font-family:var(--font-title);font-size:17px;font-weight:800;display:block}.bp-daily small{opacity:.85;font-size:12px}.bp-daily-side{white-space:nowrap;font-weight:700}.bp-place{font-family:var(--font-title);margin:10px 0 4px;font-size:17px;font-weight:800}.bp-top{text-align:left;max-width:260px;margin:0 auto;padding:0;font-size:14px;list-style:none}.bp-top li{border-radius:8px;gap:8px;padding:3px 8px;display:flex}.bp-top li span:first-child{width:1.4em;color:var(--muted-foreground)}.bp-top li b{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.bp-top li.you{background:color-mix(in srgb, var(--primary) 30%, transparent)}.bt-board{background:color-mix(in srgb, var(--foreground) 6%, var(--card));border:2px solid var(--border);border-radius:12px;grid-template-columns:repeat(6,1fr);gap:3px;width:168px;padding:5px;display:grid}.bt-cell{aspect-ratio:1;background:color-mix(in srgb, var(--foreground) 8%, var(--card));border-radius:4px}.bt-cell.on{background:var(--c);box-shadow:inset 0 2px #ffffff61,inset 0 -3px #0000002e}.tut-slide.run .bt-drop{animation:bt-drop .32s var(--pop) both;animation-delay:var(--d)}@keyframes bt-drop{0%{opacity:0;transform:translateY(-14px)scale(.6)}}.tut-slide.run .bt-clear{animation:.5s both bt-clear;animation-delay:var(--d)}@keyframes bt-clear{0%{filter:brightness()}40%{filter:brightness(1.6);transform:scale(1.1)}to{opacity:.12;transform:scale(.5)}}@media (prefers-reduced-motion:reduce){.bp-cell.preview:before,.bp-cell.gem:after{animation:none}}.page:has(>.bp){padding-top:var(--play-pad)}@media (width<=639px){body:has(#blocks) .tabbar{display:none}body:has(#blocks){padding-bottom:env(safe-area-inset-bottom)}}.bp.wood,.wood-block .bp-drag,.bt-board.wood{--wood:#d99a55;--wood-hi:#edb676;--wood-lo:#a9672f;--grain:#7842162e;--maple:#f3dfc1;--maple-alt:#eacfa8;--walnut:#4a3121}.bp.wood .bp-board{border:5px solid var(--walnut);background:#d9be97;border-radius:18px;gap:3px;padding:5px}.bp.wood .bp-cell{background:var(--maple);border-radius:4px}.bp.wood .bp-cell.alt{background:var(--maple-alt)}.bp.wood .bp-cell.filled:before,.bp.wood .bp-cell.ghost:before,.bp.wood .bp-cell.preview:before,.wood-block .bp-drag .pc.on,.bp.wood .bp-piece .pc.on,.bt-board.wood .bt-cell.on{background:repeating-linear-gradient(100deg, transparent 0 5px, var(--grain) 5px 6px, transparent 6px 11px), linear-gradient(145deg, var(--wood-hi), var(--wood) 55%, var(--wood-lo));outline-offset:-1.5px;outline:1.5px solid #4a280e80;box-shadow:inset 0 -3px #5a300e59,inset 0 2px #ffeecd8c}.bp.wood .bp-cell.ghost:before{opacity:.4}.bp.wood .bp-cell.preview:before{filter:brightness(1.18)saturate(1.15);animation:.9s ease-in-out infinite bp-glow}.bp.wood .bp-cell.preview:not(.filled):not(.ghost):before{box-shadow:none;background:#ffe9c2;outline:0}.bp.wood .bp-star svg{fill:#ffe2b0}.bp.wood .bp-flash{--pc:#e9a24d}.bp.wood .bp-board.chop{animation:bp-chop .34s var(--pop)}@keyframes bp-chop{30%{transform:scale(1.02)rotate(-.4deg)}60%{transform:rotate(.3deg)}}.bp-acorn{z-index:2;pointer-events:none;animation:2.6s ease-in-out infinite bp-acorn;position:absolute;inset:16%}.bp-cell.filled .bp-acorn{inset:24%}.bp-acorn svg,.bp-acorn-fly svg,.bp-pocket svg,.bp-price svg{width:100%;height:100%;display:block}@keyframes bp-acorn{50%{transform:rotate(-8deg)scale(1.06)}}.bp-acorn-fly{z-index:60;pointer-events:none;width:28px;height:28px;position:fixed;top:0;left:0}.bp-powers{flex:none;align-items:stretch;gap:8px;display:flex}.bp-powers[hidden]{display:none}.bp-pocket{font:800 20px / 1 var(--font-title);align-items:center;gap:4px;padding:0 8px;display:inline-flex}.bp-pocket svg{width:26px;height:26px}.bp-pocket.bump{animation:bp-bump .38s var(--pop)}.bp-power{border:var(--line-width) solid var(--border);background:var(--card);min-height:58px;color:var(--foreground);font:700 13px / 1.15 var(--font-body);cursor:pointer;transition:transform .14s var(--ease-out), opacity .16s, background-color .16s;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;padding:6px 4px;display:flex}.bp-power:active:not(:disabled){transform:scale(.95)}.bp-power:disabled{opacity:.4;cursor:default}.bp-power[aria-pressed=true]{background:var(--foreground);color:var(--background)}.bp-power-ico{font-size:18px;line-height:1}.bp-price{color:var(--muted-foreground);align-items:center;gap:2px;font-size:12px;display:inline-flex}.bp-power[aria-pressed=true] .bp-price{color:inherit}.bp-price svg{width:14px;height:14px}.bp-power.bought{animation:bp-bump .36s var(--pop)}.bp.wood.axing .bp-board{cursor:crosshair}.bp.wood .bp-cell.aim{background:#ffd9a6}.bp-sizes.one{grid-template-columns:1fr;max-width:180px;margin:0 auto}.bt-board.wood{border:3px solid var(--walnut);background:#d9be97}.bt-board.wood .bt-cell{background:var(--maple);place-items:center;font-size:15px;display:grid}.bt-board.wood .bt-cell.alt{background:var(--maple-alt)}@media (prefers-reduced-motion:reduce){.bp-acorn,.bp.wood .bp-board.chop{animation:none}}