body.solitaire.pp{overscroll-behavior:none}html.solitaire:has(body.pp){overscroll-behavior:none}.pp-stage.k-stage{-webkit-tap-highlight-color:transparent;flex:auto;align-items:center;min-height:0;padding:16px;container-type:size}@media (orientation:landscape){.pp-stage.k-stage{--stage-fit:710px}}@media (orientation:portrait){.pp-stage.k-stage{--stage-fit:min(1060px, 1.26 * 100vw + 88px)}}@media (width<=630px){.pp-stage.k-stage{--stage-fit:calc(1.27 * 100vw + 128px)}}.pp-card.k-shell{--card-pad:20px;--gap:12px;--hud-h:52px;--tools-h:48px;--tip-h:20px;--cg:10px;--rg:14px;--chrome:calc(var(--hud-h) + var(--tools-h) + var(--tip-h) + 3 * var(--gap));--avail-w:min(var(--board-max,700px), 100cqw - 2 * var(--card-pad));--avail-h:calc(100cqh - 2 * var(--card-pad) - var(--chrome));--cw-fit:min((var(--avail-w) - 6 * var(--cg)) / 7, (var(--avail-h) - var(--rg)) / 6.16);--cw:var(--cw-fit);--ch:calc(var(--cw) * 1.4);--tab-h:min(var(--avail-h) - var(--ch) - var(--rg), 5.4 * var(--ch));--board-w:calc(7 * var(--cw) + 6 * var(--cg));--board-h:calc(var(--ch) + var(--rg) + var(--tab-h));box-sizing:border-box;width:calc(var(--board-w) + 2 * var(--card-pad));padding:var(--card-pad);gap:var(--gap);align-items:stretch}@supports (width:round(down, 1px, 1px)){.pp-card.k-shell{--cw:round(down, var(--cw-fit), 1px)}}@container (width<=599px){.pp-card.k-shell{--card-pad:0px;--cg:5px;--rg:9px;background:0 0;border:none;border-radius:0}}@container (width<=599px) and (height<=560px){.pp-card.k-shell{--chrome:calc(var(--hud-h) + var(--tools-h) + 2 * var(--gap))}.k-tip{display:none}}.k-hud{height:var(--hud-h);flex:none;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;display:grid}.pp-stat.k-stat{flex-direction:column;justify-content:center;min-width:0;padding:0 8px;display:flex;container-type:inline-size}.k-stat .pp-stat-value{font-size:min(22px, 100cqi / (var(--chars,1) * .62));white-space:nowrap;line-height:24px}.pp-newgame.k-new{white-space:nowrap;touch-action:manipulation;justify-content:center;align-items:center;padding:0 18px;display:flex}.k-new-icon{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;display:none}.k-board{--pitch:calc(var(--cw) + var(--cg));--d0:calc(var(--ch) * .13);--u0:calc(var(--ch) * .3);--cr:calc(var(--cw) * .11);--move-ms:.18s;width:var(--board-w);height:var(--board-h);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none;flex:none;align-self:center;position:relative}.k-card,.k-slot,.k-stock-count{width:var(--cw);height:var(--ch);translate:calc(var(--px) + var(--fx,0px) + var(--dx,0px)) calc(var(--py) + var(--fy,0px) + var(--dy,0px));position:absolute;top:0;left:0}.at-stock{--px:0px;--py:0px}.at-waste{--px:var(--pitch);--py:0px;--fx:calc(var(--fan,0) * var(--cw) * .5)}.at-foundation{--px:calc((3 + var(--slot)) * var(--pitch));--py:0px}.at-tableau{--room:calc(var(--tab-h) - var(--ch));--d:clamp(var(--d0) * .5, (var(--room) - (var(--pu,1) - 1) * var(--u0)) / max(1, var(--pd,0)), var(--d0));--u:min(var(--u0), (var(--room) - var(--pd,0) * var(--d)) / max(1, var(--pu,1) - 1));--px:calc(var(--slot) * var(--pitch));--py:calc(var(--ch) + var(--rg) + var(--nd,0) * var(--d) + var(--nu,0) * var(--u))}.k-slot{z-index:0;box-sizing:border-box;border-radius:var(--cr);background:#241f1a08;border:1.5px dashed #d6c9b1;justify-content:center;align-items:center;display:flex}.k-slot-icon{fill:#d9cdb7;width:46%;height:46%}.k-slot-icon.k-recycle{fill:none;stroke:#9d8f78;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;display:none}.k-slot.can-recycle{cursor:pointer}.k-slot.can-recycle .k-recycle{display:block}.k-stock-count{z-index:90;box-sizing:border-box;padding-bottom:calc(var(--cw) * .13);font-family:Instrument Sans,system-ui,sans-serif;font-weight:700;font-size:clamp(11px, calc(var(--cw) * .22), 16px);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px #501008b3;pointer-events:none;justify-content:center;align-items:flex-end;line-height:1;display:flex}.k-card{z-index:var(--z,1);transition:translate var(--move-ms) cubic-bezier(.2, .7, .3, 1);cursor:pointer}.k-card.is-down{cursor:default}.k-card.at-stock{cursor:pointer}.k-card.is-moving{z-index:calc(100 + var(--z,1))}.k-card.is-dragging{z-index:calc(300 + var(--z,1));cursor:grabbing;transition:none}.k-board.is-instant .k-card{transition:none}.k-board.is-dealing .k-card.at-tableau{transition-delay:calc(var(--order,0) * 14ms)}.k-face,.k-back{box-sizing:border-box;border-radius:var(--cr);background:#fffdf8;border:1px solid #d3c6ad;position:absolute;inset:0;box-shadow:0 1px #4a341429}.k-card.is-down .k-face,.k-card.is-up .k-back{display:none}.k-card.is-buried .k-face,.k-card.is-buried .k-back{box-shadow:none}.k-back:after{content:"";inset:calc(var(--cw) * .07);border-radius:calc(var(--cr) * .55);background:repeating-linear-gradient(45deg, #b8382b 0 calc(var(--cw) * .06), #c94a3c 0 calc(var(--cw) * .12));position:absolute}.is-red{color:#c0392b}.is-black{color:#241f1a}.k-corner{left:8%;top:calc(var(--cw) * .025);height:calc(var(--cw) * .36);align-items:center;gap:calc(var(--cw) * .03);display:flex;position:absolute}.k-rank{font-family:Bricolage Grotesque,sans-serif;font-weight:800;font-size:calc(var(--cw) * .36);letter-spacing:-.04em;line-height:1}.k-suit{width:calc(var(--cw) * .26);height:calc(var(--cw) * .26);fill:currentColor;flex:none}.k-pip{width:calc(var(--cw) * .5);height:calc(var(--cw) * .5);fill:currentColor;position:absolute;top:64%;left:50%;translate:-50% -50%}.k-card.is-tucked .k-pip{display:none}@media (hover:hover) and (pointer:fine){.k-card.is-up:hover .k-face{border-color:#a9987a}}.k-card.is-turning .k-face{animation:.2s ease-out k-turn}@keyframes k-turn{0%{transform:scaleX(.08)}}.k-card.is-dragging .k-face{box-shadow:0 12px 22px -8px #241f1a80}.k-card.is-target .k-face,.k-slot.is-target{border-color:#d59a1b;box-shadow:0 0 0 3px #e3ab2e}.k-card.is-held .k-face{border-color:#d59a1b;box-shadow:0 0 0 3px #e3ab2e,0 10px 18px -8px #241f1a80}.k-card.is-cursor .k-face,.k-card.is-cursor .k-back,.k-slot.is-cursor{border-color:#241f1a;box-shadow:0 0 0 3px #241f1a}.k-card.is-held.is-cursor .k-face{border-color:#d59a1b;box-shadow:0 0 0 3px #e3ab2e,0 0 0 6px #241f1a}.k-board:focus-visible{outline-offset:6px;border-radius:6px;outline:3px solid #241f1a}.k-card.is-hint .k-face,.k-card.is-hint .k-back,.k-slot.is-hint{animation:.8s ease-in-out 2 k-hint}@keyframes k-hint{50%{border-color:#d59a1b;box-shadow:0 0 0 4px #e3ab2e}}.k-board.is-won .k-card.at-foundation{animation:k-hop .46s ease-out calc(var(--slot) * .11s) 2}@keyframes k-hop{40%{transform:translateY(-16%)}}@media (prefers-reduced-motion:reduce){.k-card{transition:none}.k-card.is-turning .k-face,.k-board.is-won .k-card.at-foundation{animation:none}.k-card.is-hint .k-face,.k-card.is-hint .k-back,.k-slot.is-hint{border-color:#d59a1b;animation:none;box-shadow:0 0 0 4px #e3ab2e}}.k-tools{height:var(--tools-h);flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.k-tools.has-finish{grid-template-columns:repeat(3,minmax(0,1fr))}.k-tool,.k-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}.k-tool[hidden]{display:none}@media (hover:hover) and (pointer:fine){.k-tool:hover:not(:disabled){background:#eae0cd}.k-tool.k-finish:hover:not(:disabled){background:#ad3325}}.k-tool:active:not(:disabled){background:#e6dbc6}.k-tool svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.k-tool:disabled,.k-tool:disabled:hover{color:#b9ae9d;cursor:default}.k-tool.k-finish,.k-tool.k-finish:hover{color:#fff;background:#c0392b}.k-tool.k-finish:active{background:#a53023}.k-tool.k-finish svg{stroke-width:2.6px}.k-tool:focus-visible,.pp-newgame.k-new:focus-visible{outline-offset:2px;outline:3px solid #241f1a}.k-tip{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;margin:0;overflow:hidden}.k-tip.is-stuck{color:#8f4a0e;font-weight:600}.k-sr-only,.k-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(.k-go-fan){background:0 0;width:auto;height:70px}.k-go-fan{--cw:44px;--ch:62px;--cr:5px;justify-content:center;display:flex}.k-go-card{width:var(--cw);height:var(--ch);rotate:calc((var(--i) - 1.5) * 7deg);translate:0 calc((var(--i) - 1.5) * (var(--i) - 1.5) * 2px);flex:none;margin-left:-16px;position:relative}.k-go-card:first-child{--i:0;margin-left:0}.k-go-card:nth-child(2){--i:1}.k-go-card:nth-child(3){--i:2}.k-go-card:nth-child(4){--i:3}@container (width<=419px){.k-hud{grid-template-columns:repeat(3, minmax(0, 1fr)) var(--hud-h);gap:6px}.pp-newgame.k-new{padding:0}.k-new-icon{display:block}.k-new-label{display:none}}@container (aspect-ratio>=11/10) and (width>=560px){.pp-card.k-shell{--side:216px;--side-gap:24px;--sg:22px;--fg:12px;--avail-w:calc(100cqw - 2 * var(--card-pad) - var(--side) - var(--side-gap));--avail-h:calc(100cqh - 2 * var(--card-pad));--cw-fit:min(var(--cw-max,104px), (var(--avail-w) - 6 * var(--cg) - 2 * var(--sg)) / 9, (var(--avail-h) - 3 * var(--fg)) / 5.6);--tab-h:min(var(--avail-h), 5.4 * var(--ch));--board-w:calc(9 * var(--cw) + 6 * var(--cg) + 2 * var(--sg));--board-h:var(--tab-h);grid-template-columns:var(--board-w) var(--side);column-gap:var(--side-gap);grid-template-rows:auto auto 1fr;grid-template-areas:"board hud""board tools""board tip";align-content:center;width:auto;display:grid}.k-board{grid-area:board}.at-waste{--px:0px;--py:calc(var(--ch) + var(--fg));--fx:0px;--fy:calc(var(--fan,0) * var(--ch) * .27)}.at-tableau{--px:calc(var(--cw) + var(--sg) + var(--slot) * var(--pitch));--py:calc(var(--nd,0) * var(--d) + var(--nu,0) * var(--u))}.at-foundation{--px:calc(2 * var(--cw) + 2 * var(--sg) + 6 * var(--pitch));--py:calc(var(--slot) * (var(--ch) + var(--fg)))}.k-hud{grid-area:hud;grid-template-columns:1fr 1fr;grid-auto-rows:var(--hud-h);height:auto}.pp-newgame.k-new{padding:0 8px}.k-new-icon{display:none}.k-new-label{display:inline}.k-tools,.k-tools.has-finish{grid-area:tools;grid-template-columns:1fr 1fr;grid-auto-rows:var(--tools-h);height:auto}.k-tool.k-finish{grid-column:1/-1}.k-tip{white-space:normal;text-align:left;grid-area:tip;height:auto}}@container (aspect-ratio>=11/10) and (width>=560px) and (height<=420px){.pp-card.k-shell{--card-pad:0px;--gap:8px;--side:176px;--side-gap:16px;--sg:14px;--fg:6px;--cg:6px;--hud-h:46px;--tools-h:44px;background:0 0;border:none;border-radius:0}.k-tip{display:none}}@media (height<=480px){body.solitaire .pp-stage.k-stage{padding-top:8px;padding-bottom:8px}}@media (width<=599px){.pp-stage.k-stage{padding:12px}}body.pp.immersive .pp-stage.k-stage{padding:72px 16px 24px}body.pp.immersive .pp-card.k-shell{--card-pad:16px;--board-max:820px;--cw-max:120px;background:#fff;border:1px solid #eadfce;border-radius:22px}@media (orientation:landscape) and (height<=480px){body.pp.immersive .pp-stage.k-stage{padding:12px 136px 12px 16px}body.pp.immersive .pp-card.k-shell{--card-pad:10px}}
