.board{--card-scale-fit:1;--card-scale:calc(var(--card-scale-fit-aware,1.2) * var(--card-scale-fit,1));--card-w:calc(var(--card-width) * var(--card-scale));--card-h:calc(var(--card-height) * var(--card-scale));--board-gap:calc(var(--card-gap) * var(--card-scale));--fan-offset:calc(var(--card-fan-offset) * var(--card-scale));--fan-offset-hidden:calc(var(--card-fan-offset-hidden) * var(--card-scale));--row-gap:var(--board-gap);grid-template-columns:repeat(7, var(--card-w));-moz-column-gap:var(--board-gap);column-gap:var(--board-gap);row-gap:var(--row-gap);padding:var(--board-gap) var(--board-gap) calc(var(--board-gap) * .5);-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr;place-content:start center;width:fit-content;min-height:0;margin:0 auto;display:grid}.pile-stock{grid-area:1/1}.pile-waste{grid-area:1/2;position:relative}.waste-fan{width:var(--card-w);height:var(--card-h);position:relative}.waste-fan .card{position:absolute;top:0;left:0}.waste-fan .waste-base{pointer-events:none;position:absolute;top:0;left:0}.waste-fan .waste-base-interactive{pointer-events:auto}.waste-fan .waste-peek{top:0;left:0}.waste-fan .waste-card-1{left:0}.waste-fan .waste-card-2{left:calc(var(--card-w) * .18)}.waste-fan .waste-card-3{left:calc(var(--card-w) * .36)}.pile-foundation-0{grid-area:1/4}.pile-foundation-1{grid-area:1/5}.pile-foundation-2{grid-area:1/6}.pile-foundation-3{grid-area:1/7}.foundation-backdrop{opacity:0}.foundation-backdrop.foundation-backdrop-active,.foundation-backdrop-visible .foundation-backdrop{opacity:1}.pile-tableau{min-height:min(calc(var(--card-h) + var(--fan-offset) * 8), calc(100vh - var(--header-height,3.5rem) - var(--dock-height,3.5rem) - var(--card-h) - var(--row-gap) - var(--board-gap) * 2.5 - 4rem));min-height:min(calc(var(--card-h) + var(--fan-offset) * 8), calc(100dvh - var(--header-height,3.5rem) - var(--dock-height,3.5rem) - var(--card-h) - var(--row-gap) - var(--board-gap) * 2.5 - 4rem));grid-row:2;position:relative}.tableau-source-backdrop{z-index:0;opacity:0;pointer-events:none;position:absolute;top:0;left:0}.tableau-source-empty-visible .tableau-source-backdrop,.pile-tableau[data-tableau-empty=true] .tableau-source-backdrop,.pile-tableau[data-scene-empty-backdrop] .tableau-source-backdrop,.pile-tableau[data-card-hidden-backdrop=true] .tableau-source-backdrop{opacity:1}.pile-tableau[data-tableau-empty=true] .tableau-source-backdrop{pointer-events:auto}.pile-tableau-0{grid-column:1}.pile-tableau-1{grid-column:2}.pile-tableau-2{grid-column:3}.pile-tableau-3{grid-column:4}.pile-tableau-4{grid-column:5}.pile-tableau-5{grid-column:6}.pile-tableau-6{grid-column:7}.tableau-stack{z-index:1;width:var(--card-w);position:relative}.tableau-stack .card{position:absolute;left:0}.stock-clickable{cursor:pointer;position:relative}.stock-clickable:not(.klondike-scene-card),.klondike-card-scene>.stock-clickable>.card{transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.pile-stock.stock-clickable:not(.klondike-scene-card):hover,.klondike-card-scene>.pile-stock.stock-clickable:hover>.card{transform:translateY(-2px)}.pile-stock.stock-recycle-cue .stock-recycle-slot{opacity:.82;border-style:dashed}.stock-recycle-icon{width:calc(var(--card-w) * .38);height:calc(var(--card-w) * .38);color:var(--color-text-muted);font-size:calc(var(--card-w) * .22);opacity:.75;background:#ffffff14;border-radius:50%;place-items:center;font-weight:700;line-height:1;display:inline-grid}@media (prefers-reduced-motion:reduce){.stock-clickable:not(.klondike-scene-card),.pile-stock.stock-clickable:not(.klondike-scene-card):hover,.klondike-card-scene>.pile-stock.stock-clickable>.card,.klondike-card-scene>.pile-stock.stock-clickable:hover>.card{transition:none;transform:none}}.pile-stock.stock-idle-hint:not(.klondike-scene-card),.pile-stock[data-stock-idle-hint=true]:not(.klondike-scene-card),.klondike-card-scene>.pile-stock[data-stock-idle-hint=true]>.card{animation:3s ease-in-out infinite stock-idle-breathe}@keyframes stock-idle-breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(.99)}}.pile-stock.stock-pulse:not(.klondike-scene-card),.klondike-card-scene>.pile-stock.stock-pulse>.card{animation:.9s ease-out stock-pulse}@keyframes stock-pulse{0%{transform:scale(1);box-shadow:0 0 #fff0}30%{transform:scale(1.04);box-shadow:0 0 18px 4px #ffffff40}60%{transform:scale(1.02);box-shadow:0 0 10px 2px #ffffff26}to{transform:scale(1);box-shadow:0 0 #fff0}}@media (prefers-reduced-motion:reduce){.pile-stock.stock-idle-hint:not(.klondike-scene-card),.pile-stock[data-stock-idle-hint=true]:not(.klondike-scene-card),.pile-stock.stock-pulse:not(.klondike-scene-card),.klondike-card-scene>.pile-stock[data-stock-idle-hint=true]>.card,.klondike-card-scene>.pile-stock.stock-pulse>.card{animation:none}}@media (width<=480px){:root{--_mobile-vw:100dvw;--_mobile-base:calc(var(--_mobile-vw) - 1.5rem);--card-width:calc(var(--_mobile-base) / 7);--card-height:calc(var(--_mobile-base) / 7 * 1.4);--card-gap:calc(var(--_mobile-base) / 7 * .05);--card-fan-offset:calc(var(--_mobile-base) / 7 * .34);--card-fan-offset-hidden:clamp(calc(var(--_mobile-base) / 7 * .07), 1.1vh, calc(var(--_mobile-base) / 7 * .16));--radius-card:.3rem}.board{--card-scale:calc(var(--card-scale-fit-aware,1) * var(--card-scale-fit,1));--board-gap:min(calc(var(--card-gap) * var(--card-scale)), max(0px, calc((100cqw - 7 * var(--card-w)) / 8)));width:100%;margin:0}}@media (width<=480px) and (orientation:portrait){.board{align-self:flex-start;margin-top:8vh}.pile-tableau{min-height:calc(var(--card-h) + var(--fan-offset) * 5)}}@media (width<=350px){:root{--_mobile-base:calc(var(--_mobile-vw,100dvw) - 1.25rem);--card-width:calc(var(--_mobile-base) / 7);--card-height:calc(var(--_mobile-base) / 7 * 1.4);--card-gap:calc(var(--_mobile-base) / 7 * .05);--card-fan-offset:calc(var(--_mobile-base) / 7 * .32);--card-fan-offset-hidden:clamp(calc(var(--_mobile-base) / 7 * .065), 1vh, calc(var(--_mobile-base) / 7 * .15))}}@supports not (width:100dvw){@media (width<=480px){:root{--_mobile-vw:100vw}}}@media (width>=481px) and (width<=720px){:root{--card-width:min(3.7rem, calc((100vw - 6rem) / 7 / var(--card-scale-fit-reserve,1.2)));--card-height:calc(var(--card-width) * 1.4);--card-gap:.2rem;--card-fan-offset:1rem;--card-fan-offset-hidden:clamp(.45rem, 1.3vh, .85rem);--radius-card:.35rem}}@media (width>=721px) and (width<=1024px){:root{--card-width:min(5rem, calc((100vw - 7.5rem) / 7 / var(--card-scale-fit-reserve,1.2)));--card-height:calc(var(--card-width) * 1.4);--card-gap:.3rem;--card-fan-offset:1.25rem;--card-fan-offset-hidden:clamp(.55rem, 1.4vh, 1.05rem)}}@media (width>=1025px) and (width<=1400px){:root{--card-width:min(6.4rem, calc((100vw - 9.5rem) / 7 / var(--card-scale-fit-reserve,1.2)));--card-height:calc(var(--card-width) * 1.4);--card-gap:.4rem;--card-fan-offset:1.35rem;--card-fan-offset-hidden:clamp(.65rem, 1.5vh, 1.25rem)}}@media (width>=1401px){:root{--card-width:min(7.4rem, calc((100vw - 11rem) / 7 / var(--card-scale-fit-reserve,1.2)));--card-height:calc(var(--card-width) * 1.4);--card-gap:.45rem;--card-fan-offset:1.52rem;--card-fan-offset-hidden:clamp(.7rem, 1.6vh, 1.4rem)}}@media (height<=500px) and (orientation:landscape) and (width<=932px){.game-main{align-items:stretch;min-height:0}:root{--_split-chrome:calc(var(--header-height) + var(--dock-height));--_split-h-avail:calc(100dvh - var(--_split-chrome));--_split-w-avail:calc(100dvw - 1rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 2 * max(1rem, 5vw));--card-height:min(calc(var(--_split-h-avail) / 3.3), calc(var(--_split-w-avail) / 10.7 * 1.4));--card-width:calc(var(--card-height) / 1.4);--card-gap:calc(var(--card-height) * .04);--card-fan-offset:calc(var(--card-height) * .26);--card-fan-offset-hidden:calc(var(--card-height) * .06);--radius-card:.3rem}.board{grid-template-columns:var(--card-w)  minmax(1rem, 5vw)  repeat(7, var(--card-w))  minmax(1rem, 5vw)  repeat(2, var(--card-w));-moz-column-gap:var(--board-gap);column-gap:var(--board-gap);row-gap:calc(var(--board-gap) * .8);padding-top:.5rem;padding-right:calc(.5rem + env(safe-area-inset-right,0px));padding-bottom:.5rem;padding-left:calc(.5rem + env(safe-area-inset-left,0px));--card-scale:calc(var(--card-scale-fit-aware,1) * var(--card-scale-fit,1));grid-template-rows:auto 1fr;place-content:start center;align-self:stretch;width:100dvw;height:auto;min-height:0;margin:0 auto}.pile-stock{grid-area:1/1}.pile-waste{grid-area:2/1;align-self:start}.pile-tableau{grid-row:1/-1;min-height:0}.pile-tableau-0{grid-column:3}.pile-tableau-1{grid-column:4}.pile-tableau-2{grid-column:5}.pile-tableau-3{grid-column:6}.pile-tableau-4{grid-column:7}.pile-tableau-5{grid-column:8}.pile-tableau-6{grid-column:9}.pile-foundation-0{grid-area:1/11}.pile-foundation-1{grid-area:1/12}.pile-foundation-2{grid-area:2/11;align-self:start}.pile-foundation-3{grid-area:2/12;align-self:start}}@media (width>=721px){.board{--row-gap:calc(var(--board-gap) * 2.25)}}@media (width>=721px) and (height<=820px){.board{--row-gap:calc(var(--board-gap) * 1.5)}}@media (width>=721px) and (height<=700px){.board{--row-gap:var(--board-gap)}}.klondike-card-scene{z-index:1;pointer-events:none;position:absolute;inset:0}.klondike-card-scene[data-scene-geometry-ready=false]{visibility:hidden}.board-retained-scene{position:relative}.klondike-card-scene>.first-tap-hint-label-retained{position:absolute}.klondike-card-scene>.klondike-scene-card{width:var(--card-w);height:var(--card-h);pointer-events:none;position:absolute;top:0;left:0}.klondike-scene-card[data-scene-visible=false]{visibility:hidden}.klondike-scene-card[data-scene-interactive=true]{pointer-events:auto}.klondike-scene-card[data-scene-layout-position=true]{transform:none!important}.klondike-scene-card[data-retained-drag-active=true],.klondike-scene-card[data-scene-motion-active=true]{pointer-events:none;z-index:100!important}.klondike-scene-card>.card{position:absolute;inset:0}.klondike-pose-probe-card{width:var(--card-w);height:var(--card-h)}.pile-stock .retained-stock-base{opacity:0;pointer-events:none}.pile-stock[data-stock-empty=true] .retained-stock-base,.pile-stock[data-scene-empty-backdrop] .retained-stock-base{opacity:.8}.pile-stock[data-stock-empty=true][data-stock-recycle=true] .retained-stock-base,.pile-stock[data-scene-empty-backdrop=recycle] .retained-stock-base{opacity:.82;border-style:dashed}.retained-stock-base .stock-recycle-icon{visibility:hidden}.pile-stock[data-stock-empty=true][data-stock-recycle=true] .stock-recycle-icon,.pile-stock[data-scene-empty-backdrop=recycle] .stock-recycle-icon{visibility:visible}.klondike-pose-probe{visibility:hidden;pointer-events:none;position:absolute}.klondike-pose-probe-face-up{width:0;height:calc(var(--card-fan-offset) * var(--card-scale,1))}.klondike-pose-probe-hidden{width:0;height:calc(var(--card-fan-offset-hidden) * var(--card-scale,1))}.retained-foundation-anchor,.retained-tableau-anchor{z-index:0}.retained-tableau-envelope{visibility:hidden;pointer-events:none;grid-area:2/1/auto/-1;align-self:start;min-width:0}@media (height<=500px) and (orientation:landscape) and (width<=932px){.retained-tableau-envelope{grid-row:1/-1}}@media (width<=380px) and (height<=500px) and (orientation:landscape){.game-shell-yukon .board-yukon{--card-height:calc((100dvw - 1rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 2 * max(1rem, 5vw)) / 10.7 * 1.4);--card-width:calc(var(--card-height) / 1.4);--card-gap:calc(var(--card-height) * .04);--card-fan-offset:calc(var(--card-height) * .26);--card-fan-offset-hidden:calc(var(--card-height) * .06)}.game-shell .board:has(>.pile-stock):not(.board-spider){--card-height:calc((100dvw - 1rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 2 * max(1rem, 5vw)) / 10.7 * 1.4);--card-width:calc(var(--card-height) / 1.4);--card-gap:calc(var(--card-height) * .04);--card-fan-offset:calc(var(--card-height) * .26);--card-fan-offset-hidden:calc(var(--card-height) * .06)}}