body.blockdestroyer.pp{overscroll-behavior:none}html.blockdestroyer:has(body.pp){overscroll-behavior:none}.pp-stage.b-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;flex:auto;align-items:center;min-height:0;padding:16px;container-type:size}.pp-card.b-card{--card-pad:22px;--hud-h:52px;--hint-h:20px;--stack-gap:14px;--board-h:min(var(--board-max,760px), 100cqh - 2 * var(--card-pad) - var(--hud-h) - var(--hint-h) - 2 * var(--stack-gap), (100cqw - 2 * var(--card-pad)) * 16 / 11);--board-w:calc(var(--board-h) * 11 / 16);box-sizing:border-box;width:min(100cqw, max(var(--board-w) + 2 * var(--card-pad), 420px));padding:var(--card-pad);gap:var(--stack-gap);align-items:center}@container (width<=599px){.pp-card.b-card{--card-pad:0px;--hud-h:50px;--stack-gap:12px;background:0 0;border:none;border-radius:0;width:100%;height:100%}.b-play{margin-block:auto}}@container (width<=599px) and (height<=540px){.pp-card.b-card{--hint-h:0px}.b-hint{display:none}}.b-hud{height:var(--hud-h);grid-template-columns:repeat(3, minmax(0, 1fr)) var(--hud-h) auto;flex:none;align-self:stretch;gap:8px;display:grid}.pp-stat.b-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 8px;transition:background-color .3s;display:flex;container-type:inline-size}.b-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.b-stat.is-record{background:#fbd9e8}.b-stat.is-record .pp-stat-value{color:#8a1f50}.b-icon-btn,.b-icon-btn:hover{box-shadow:none;color:#574f45;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #eadfce;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex}@media (hover:hover) and (pointer:fine){.b-icon-btn:hover:not(:disabled){border-color:var(--accent);color:#241f1a}}.b-icon-btn:disabled{color:#c9bfb1;cursor:default}.b-icon-btn svg,.b-new-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.b-fill{fill:currentColor;stroke-width:1.6px}.pp-newgame.b-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;padding:0 18px;display:flex}.b-new-icon{display:none}@container (width<=459px){.b-hud{grid-template-columns:repeat(3, minmax(0, 1fr)) var(--hud-h) var(--hud-h);gap:6px}.pp-newgame.b-new{padding:0}.b-new-icon{display:block}.b-new-label{display:none}.pp-stat.b-stat{padding:0 4px}}.b-icon-btn:focus-visible,.pp-newgame.b-new:focus-visible,.b-overlay-btn:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.b-play{width:var(--board-w);height:var(--board-h);border-radius:14px;flex:none;position:relative;box-shadow:0 0 0 1px #e3d6bf,0 10px 30px -18px #241f1a59}.b-board{cursor:none;background:#f8f2e7;border-radius:14px;width:100%;height:100%;display:block}.b-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#faf4e8bd;border-radius:14px;justify-content:center;align-items:center;padding:0 8%;animation:.2s ease-out b-fade-in;display:flex;position:absolute;inset:0}.b-overlay[hidden]{display:none}.b-overlay.is-ready,.b-overlay.is-cleared{padding-top:calc(var(--board-h) * .52);-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;align-items:flex-start}@keyframes b-fade-in{0%{opacity:0}to{opacity:1}}.b-overlay-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.b-overlay.is-ready .b-overlay-card,.b-overlay.is-cleared .b-overlay-card{background:#ffffffeb;border-radius:16px;padding:10px 18px;box-shadow:0 6px 20px #241f1a14}.b-overlay.is-cleared .b-overlay-card{animation:.32s cubic-bezier(.3,1.4,.5,1) b-pop}@keyframes b-pop{0%{opacity:0;transform:scale(.85)}}.b-overlay-title{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(22px, calc(var(--board-w) * .09), 36px);letter-spacing:-.02em;color:#241f1a;margin:0;line-height:1.1}.b-overlay.is-ready .b-overlay-title{letter-spacing:0;font-size:17px}.b-overlay.is-cleared .b-overlay-title{font-size:22px}.b-overlay-text{color:#574f45;text-wrap:balance;max-width:26ch;margin:0;font-size:15px;line-height:1.4}.b-overlay.is-cleared .b-overlay-text{color:#a3245f;font-family:Bricolage Grotesque,sans-serif;font-weight:800}.b-overlay-text[hidden]{display:none}.b-overlay-btn,.b-overlay-btn:hover{min-height:48px;box-shadow:none;background:var(--accent);color:var(--game-accent-ink,#fff);cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;margin-top:10px;padding:0 26px;font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;font-weight:600}@media (hover:hover) and (pointer:fine){.b-overlay-btn:hover{filter:brightness(.95)}}.b-overlay-btn[hidden]{display:none}@media (prefers-reduced-motion:reduce){.b-overlay,.b-overlay.is-cleared .b-overlay-card{animation:none}}.b-hint{height:var(--hint-h);font-size:14px;line-height:var(--hint-h);text-align:center;color:#6f6557;white-space:nowrap;text-overflow:ellipsis;flex:none;align-self:stretch;margin:0;overflow:hidden}.b-sr-only,.b-sprites{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.celebration-icon:has(.b-go){background:0 0;width:auto;height:auto}.b-go{width:84px;height:70px;margin:0 auto;position:relative}.b-go-brick{background:#e0453f;border-radius:3px;width:24px;height:12px;position:absolute;top:0;box-shadow:inset 0 -3px #00000038}.b-go-brick:first-child{left:2px}.b-go-brick:nth-child(2){background:#f3b72e;left:30px}.b-go-brick:nth-child(3){background:#2f6fdb;left:58px}.b-go.is-won .b-go-brick{opacity:.25}.b-go-ball{background:radial-gradient(circle at 34% 32%,#ffffff8c 0 22%,#2b2520 26%);border-radius:50%;width:14px;height:14px;position:absolute;top:30px;left:50%;translate:-50%}.b-go-paddle{background:#ec4899;border-radius:6px;width:58px;height:12px;position:absolute;bottom:0;left:50%;translate:-50%;box-shadow:inset 0 -3px #b83276}@container (aspect-ratio>=4/3) and (height<=520px){.pp-card.b-card{--card-pad:0px;--stack-gap:10px;--side:230px;--side-gap:20px;--hud-h:46px;--board-h:min(100cqh, (100cqw - var(--side) - var(--side-gap)) * 16 / 11);grid-template-columns:var(--board-w) var(--side);column-gap:var(--side-gap);background:0 0;border:none;border-radius:0;grid-template-rows:auto 1fr;grid-template-areas:"board hud""board hint";align-content:center;align-items:start;width:auto;height:auto;display:grid}.b-play{grid-area:board;margin-block:0}.b-hud{grid-area:hud;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--hud-h);height:auto}.b-icon-btn{grid-column:span 1}.pp-newgame.b-new{grid-column:span 2;padding:0 8px}.b-new-icon{display:none}.b-new-label{display:inline}.b-hint{white-space:normal;text-align:left;grid-area:hint;height:auto;line-height:1.4;display:block}}@media (height<=520px){body.blockdestroyer .pp-stage.b-stage{padding-top:8px;padding-bottom:8px}}@media (width<=599px){.pp-stage.b-stage{padding:12px}}body.pp.immersive .pp-stage.b-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.b-card{--card-pad:16px;--board-max:1000px;width:min(100cqw, max(var(--board-w) + 2 * var(--card-pad), 420px));background:#fff;border:1px solid #eadfce;border-radius:22px;height:auto}body.pp.immersive .pp-card.b-card .b-play{margin-block:0}@media (orientation:landscape) and (height<=520px){body.pp.immersive .pp-stage.b-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.b-card{--card-pad:10px;--board-h:min(100cqh - 2 * var(--card-pad), (100cqw - 2 * var(--card-pad) - var(--side) - var(--side-gap)) * 16 / 11);width:auto}}