body.match-3.pp{overscroll-behavior:none}html.match-3:has(body.pp){overscroll-behavior:none}body.match-3{--g0:#e0453f;--g1:#2f6fdb;--g2:#2b9e55;--g3:#f1b51f;--g4:#8a52d6;--g5:#f07a28}.pp-stage.j-stage{-webkit-tap-highlight-color:transparent;flex:auto;align-items:center;min-height:0;padding:16px;container-type:size}@media (width>=631px){.pp-stage.j-stage{--stage-fit:800px}}.pp-card.j-card{--card-pad:22px;--gap:14px;--hud-h:52px;--tools-h:48px;--tip-h:20px;--chrome:calc(var(--hud-h) + var(--tools-h) + var(--tip-h) + 3 * var(--gap));--board:min(var(--board-max,560px), 100cqw - 2 * var(--card-pad), 100cqh - 2 * var(--card-pad) - var(--chrome));box-sizing:border-box;width:calc(var(--board) + 2 * var(--card-pad));padding:var(--card-pad);gap:var(--gap);align-items:center}@supports (width:round(down, 1px, 1px)){.pp-card.j-card{--board:round(down, min(var(--board-max,560px), 100cqw - 2 * var(--card-pad), 100cqh - 2 * var(--card-pad) - var(--chrome)), 8px)}}@container (width<=599px){.pp-card.j-card{--card-pad:0px;--gap:12px;background:0 0;border:none;border-radius:0;width:100%;height:100%}.j-board{margin-block:auto}}@container (width<=599px) and (height<=520px){.pp-card.j-card{--chrome:calc(var(--hud-h) + var(--tools-h) + 2 * var(--gap))}.j-tip{display:none}}.j-hud{width:var(--board);height:var(--hud-h);flex:none;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-self:center;gap:8px;display:grid}.pp-stat.j-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 8px;display:flex;position:relative;container-type:inline-size}.j-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.j-stat .pp-stat-label{white-space:nowrap;font-size:min(11px,13.8889cqi)}.j-stat.is-warning .pp-stat-value{color:#c0392b}.j-gain{color:#b8325a;pointer-events:none;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;line-height:1;animation:.8s ease-out forwards j-gain;position:absolute;top:5px;right:8px}@keyframes j-gain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.pp-newgame.j-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;padding:0 18px;display:flex}.j-new-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;display:none}.j-board{--cell:calc(var(--board) / 8);width:var(--board);height:var(--board);background-color:#efe5d3;background-image:conic-gradient(#ffffff6b 25%, transparent 0 50%, #ffffff6b 0 75%, transparent 0);background-size:calc(2 * var(--cell)) calc(2 * var(--cell));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;border-radius:12px;outline:none;flex:none;position:relative}.j-board:focus-visible{outline-offset:4px;outline:3px solid #241f1a}.j-gems{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.j-board.is-over .j-gems{opacity:.55;filter:saturate(.7)}.j-gem{box-sizing:border-box;width:var(--cell);height:var(--cell);padding:calc(var(--cell) * .07);translate:calc(var(--c,0) * var(--cell)) calc(var(--r,0) * var(--cell));pointer-events:none;transition:scale .12s ease-out;position:absolute;top:0;left:0}.j-face{width:100%;height:100%;color:var(--gc);filter:drop-shadow(0 calc(var(--cell) * .04) 0 #241f1a38);display:block;position:relative}.c-0{--gc:var(--g0)}.c-1{--gc:var(--g1)}.c-2{--gc:var(--g2)}.c-3{--gc:var(--g3)}.c-4{--gc:var(--g4)}.c-5{--gc:var(--g5)}.j-mark{inset:calc(var(--cell) * .07);width:auto;height:auto;position:absolute}.j-gem.k-rainbow:before{content:"";inset:calc(var(--cell) * .09);background:conic-gradient(var(--g0), var(--g5), var(--g3), var(--g2), var(--g1), var(--g4), var(--g0));box-shadow:inset 0 calc(var(--cell) * -.05) 0 #241f1a38, 0 calc(var(--cell) * .04) 0 #241f1a33;border-radius:50%;position:absolute}.j-gem.k-rainbow .j-face{filter:drop-shadow(0 1px 1px #241f1a73)}.j-gem.k-row .j-face,.j-gem.k-col .j-face,.j-gem.k-bomb .j-face,.j-gem.k-rainbow{animation:1.6s ease-in-out infinite j-glow}@keyframes j-glow{50%{filter:drop-shadow(0 0 calc(var(--cell) * .08) #ffecaaf2)}}.j-gem.is-selected{scale:1.12}.j-gem.is-selected:after{content:"";border-radius:calc(var(--cell) * .24);border:3px solid #241f1a;position:absolute;inset:2px}.j-gem.is-hint{animation:.9s ease-in-out infinite j-nudge}@keyframes j-nudge{50%{transform:translate(calc(var(--nudge-x,0) * 12%), calc(var(--nudge-y,0) * 12%)) scale(1.06)}}.j-cursor{box-sizing:border-box;width:var(--cell);height:var(--cell);translate:calc(var(--c) * var(--cell)) calc(var(--r) * var(--cell));border-radius:calc(var(--cell) * .22);pointer-events:none;z-index:3;border:3px solid #241f1a;position:absolute;top:0;left:0}.j-fx{pointer-events:none;z-index:4;position:absolute;top:0;left:0}.j-fx-row{width:var(--board);height:var(--cell);translate:0 calc(var(--r) * var(--cell));transform-origin:calc((var(--c) + .5) * var(--cell)) 50%;background:linear-gradient(#0000 12%,#ffc440e6 30%,#fff 42% 58%,#ffc440e6 70%,#0000 88%);box-shadow:0 0 14px #ffc440cc}.j-fx-col{width:var(--cell);height:var(--board);translate:calc(var(--c) * var(--cell)) 0;transform-origin:50% calc((var(--r) + .5) * var(--cell));background:linear-gradient(90deg,#0000 12%,#ffc440e6 30%,#fff 42% 58%,#ffc440e6 70%,#0000 88%);box-shadow:0 0 14px #ffc440cc}.j-fx-bomb{width:calc(3 * var(--cell));height:calc(3 * var(--cell));translate:calc((var(--c) - 1) * var(--cell)) calc((var(--r) - 1) * var(--cell));background:radial-gradient(circle,#fff 0 22%,#ffd666d9 42%,#f07a2859 60%,#0000 70%);border-radius:50%}.j-fx-rainbow{width:calc(4 * var(--board));height:calc(4 * var(--board));translate:calc((var(--c) + .5) * var(--cell) - 2 * var(--board)) calc((var(--r) + .5) * var(--cell) - 2 * var(--board));background:radial-gradient(circle,#0000 0 40%,#ffffffe6 45%,#ffd66699 48%,#0000 52%);border-radius:50%}.j-callout{color:#fff;font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:clamp(15px, calc(var(--cell) * .42), 22px);white-space:nowrap;background:#241f1ad1;border-radius:999px;padding:6px 14px;top:50%;left:50%;transform:translate(-50%,-50%)}.j-paused{z-index:6;border-radius:inherit;background:#f2ebdd;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.j-paused[hidden]{display:none}.j-paused-title{color:#241f1a;margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:800}.j-resume,.j-resume:hover{background:var(--accent);min-width:140px;height:48px;box-shadow:none;color:var(--game-accent-ink,#fff);cursor:pointer;touch-action:manipulation;border:none;border-radius:12px;padding:0 24px;font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;font-weight:600;transition:none}.j-resume:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.j-tools{width:var(--board);height:var(--tools-h);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:8px;display:grid}.j-tool,.j-tool:hover{min-width:0;box-shadow:none;color:#3d352c;cursor:pointer;touch-action:manipulation;background:#f2ebdd;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 4px;font-family:Instrument Sans,system-ui,sans-serif;font-size:15px;font-weight:600;transition:none;display:flex}@media (hover:hover) and (pointer:fine){.j-tool:hover:not(:disabled){background:#eae0cd}}.j-tool:active:not(:disabled){background:#e6dbc6}.j-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.j-tool:disabled,.j-tool:disabled:hover{color:#b9ae9d;cursor:default}.j-tool:focus-visible,.pp-newgame.j-new:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.j-tip{width:var(--board);height:var(--tip-h);font-size:14px;line-height:var(--tip-h);text-align:center;color:#6f6557;white-space:nowrap;text-overflow:ellipsis;flex:none;align-self:center;margin:0;overflow:hidden}.j-sr-only,.j-sprites{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.j-confirm{color:#3d352c;margin:0}.celebration-icon:has(.j-go-gem){background:0 0}.j-gem.j-go-gem{--cell:72px;margin:0 auto;display:block;position:relative;translate:none}@media (prefers-reduced-motion:reduce){.j-gem{transition:none}.j-gem.k-row .j-face,.j-gem.k-col .j-face,.j-gem.k-bomb .j-face,.j-gem.k-rainbow,.j-gain{animation:none}.j-gem.is-hint{outline-offset:-3px;border-radius:12px;outline:3px solid #d59a1b;animation:none}}@container (width<=419px){.j-hud{grid-template-columns:repeat(3, minmax(0, 1fr)) var(--hud-h);gap:6px}.pp-newgame.j-new{padding:0}.j-new-icon{display:block}.j-new-label{display:none}}@container (aspect-ratio>=4/3) and (height<=640px){.pp-card.j-card{--card-pad:0px;--gap:10px;--side:200px;--side-gap:20px;--hud-h:48px;--tools-h:44px;--board:min(var(--board-max,560px), 100cqh - 2 * var(--card-pad), 100cqw - 2 * var(--card-pad) - var(--side) - var(--side-gap));grid-template-columns:var(--board) var(--side);column-gap:var(--side-gap);background:0 0;border:none;border-radius:0;grid-template-rows:auto auto 1fr;grid-template-areas:"board hud""board tools""board tip";align-content:center;align-items:start;width:auto;height:auto;display:grid}.j-board{grid-area:board;margin-block:0}.j-hud,.j-tools,.j-tip{width:var(--side)}.j-hud{grid-area:hud;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:var(--hud-h);height:auto}.pp-newgame.j-new{grid-column:1/-1;padding:0 8px}.j-new-icon{display:none}.j-new-label{display:inline}.j-tools{grid-area:tools;grid-auto-rows:var(--tools-h);height:auto}.j-tool svg{display:none}.j-tip{white-space:normal;text-align:left;grid-area:tip;align-self:start;height:auto;line-height:1.4}}@container (aspect-ratio>=4/3) and (height<=640px) and (width>=860px){.pp-card.j-card{--card-pad:20px;--side:264px;--side-gap:24px;padding:var(--card-pad);background:#fff;border:1px solid #eadfce;border-radius:26px}.j-tool svg{display:block}}@container (aspect-ratio>=4/3) and (height<=360px){.j-tip{display:none}}@supports (width:round(down, 1px, 1px)){@container (aspect-ratio>=4/3) and (height<=640px){.pp-card.j-card{--board:round(down, min(var(--board-max,560px), 100cqh - 2 * var(--card-pad), 100cqw - 2 * var(--card-pad) - var(--side) - var(--side-gap)), 8px)}}}@media (height<=500px){body.match-3 .pp-stage.j-stage{padding-top:8px;padding-bottom:8px}}@media (width<=599px){.pp-stage.j-stage{padding:12px}}body.pp.immersive .pp-stage.j-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.j-card{--card-pad:16px;--board-max:720px;width:calc(var(--board) + 2 * var(--card-pad));padding:var(--card-pad);background:#fff;border:1px solid #eadfce;border-radius:22px;height:auto}body.pp.immersive .pp-card.j-card .j-board{margin-block:0}@container (aspect-ratio>=4/3) and (height<=640px){body.pp.immersive .pp-card.j-card{width:auto}}@media (orientation:landscape) and (height<=500px){body.pp.immersive .pp-stage.j-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.j-card{--card-pad:10px}}