.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.klondike{isolation:isolate;width:100%;height:100%;color:var(--cream);font-family:var(--body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.klondike__slot,.klondike__stock{width:var(--card-width);aspect-ratio:167.087/242.667;border:calc(var(--card-width) * .0125) dashed #fff6e33d;background:0 0;border-radius:4%;padding:0;position:absolute}.klondike__slot[data-suit]:before{content:"";background:var(--suit-art) no-repeat center / 40%;opacity:.24;position:absolute;inset:0}.klondike__slot[data-suit=clubs]{--suit-art:url(/dist/assets/clubs-9Xdde0i6.svg)}.klondike__slot[data-suit=diamonds]{--suit-art:url(/dist/assets/diamonds-pFWNpP0Q.svg)}.klondike__slot[data-suit=hearts]{--suit-art:url(/dist/assets/hearts-CdpD2Ous.svg)}.klondike__slot[data-suit=spades]{--suit-art:url(/dist/assets/spades-BniySxc9.svg)}.klondike-game{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);grid-template-areas:"stats variants controls""board board board";display:grid}.klondike,.klondike *{cursor:default!important}.klondike-hud__stats,.klondike-hud__variants,.klondike-hud__controls{font-size:var(--game-unit);align-self:center}.klondike-hud__variants{grid-area:variants;justify-self:center;gap:.25em;display:flex}.klondike-hud__variant{border-radius:calc(var(--game-unit) * .75);color:var(--cream);font-family:var(--display);white-space:nowrap;padding:.25em .75em;font-weight:600;text-decoration:none}.klondike-hud__variant:hover{background:#0000001f}.klondike-hud__variant[aria-current=page]{color:var(--cream);background:#00000038}.klondike-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.klondike-hud__stat{align-items:baseline;gap:.25em;display:flex}.klondike-hud__stat-label{color:var(--cream);font-size:.875em}.klondike-hud__stat-value{min-width:var(--reading);font-size:1.0625em;font-weight:700}.klondike-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}@media (width<=40rem) and (height>=24rem){.klondike-game{grid-template:"stats""board"minmax(0,1fr)"controls"/minmax(0,1fr)}.klondike-hud__variants{display:none}.klondike-hud__stats,.klondike-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.klondike-hud__stats{column-gap:.75em;font-size:min(1rem,3.7vw)}.klondike-hud__controls{flex-direction:row-reverse;justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.75rem 1.5rem;padding-inline:.5rem}.klondike-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.klondike-hud__icon{display:block}.klondike-hud__button--icon .klondike-hud__icon{width:1.5rem;height:1.5rem}.klondike-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.klondike-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}}.klondike-game__board{grid-area:board;min-height:0;position:relative}.klondike__stock{z-index:var(--layer-stock)}.klondike__stock:disabled,.klondike__stock[aria-disabled=true]{opacity:.5}.klondike__stock--recycle{color:#fff6e38c;font-size:calc(var(--card-width) * .4);place-items:center;line-height:1;display:grid}.klondike__passes{z-index:var(--layer-pile-mark);transform:translate(-50%, calc(-100% - var(--card-width) * .08));background:var(--rail);color:var(--cream);font-family:var(--body);font-size:max(.75rem, calc(var(--card-width) * .12));white-space:nowrap;pointer-events:none;border-radius:999px;padding:.15em .55em;font-weight:700;line-height:1.2;position:absolute}.klondike__card{pointer-events:none;position:absolute;top:0;left:0}.klondike__card--liftable{pointer-events:auto;touch-action:none}.klondike__stock--filled,.klondike__slot--covered{border-color:#0000}.klondike__destinations{z-index:var(--layer-targets);background:var(--rail);border:.0625rem solid;border-radius:.3rem;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;display:flex;position:absolute;inset:.5rem .5rem auto}.klondike__destinations button{color:inherit;background:0 0;border:.0625rem solid;padding:.5rem}.klondike-win{--win-unit:max(1rem, var(--game-unit));font-size:var(--win-unit);background:#00000059;padding:1rem}.klondike-win__panel{box-sizing:border-box;max-width:min(24em,100%);max-height:100%;padding:calc(var(--win-unit) * 1.75);border-radius:calc(var(--win-unit) * 1.125);box-shadow:0 calc(var(--win-unit) * .375) 0 #0003, 0 var(--win-unit) calc(var(--win-unit) * 2) #00000040;text-align:center;overflow-y:auto}.klondike-win__title{margin:0;font-size:1.5em}.klondike-win__score{font-family:var(--display);margin:.5em 0 0;font-size:3em;font-weight:600;line-height:1}.klondike-win__breakdown{color:var(--ink-soft);margin:.5em 0 0;font-size:.9375em}.klondike-win__actions{flex-wrap:wrap;justify-content:center;gap:.75em;margin-top:1.5em;display:flex}.klondike-win__actions .button{--edge:var(--accent-edge);height:calc(var(--win-unit) * 2.75);padding-inline:calc(var(--win-unit) * 1.5);border-radius:calc(var(--win-unit) * .75);box-shadow:0 calc(var(--win-unit) * .25) 0 var(--edge);font-size:1.0625em}.klondike-win__actions .button--secondary{--edge:var(--panel-edge)}.klondike-win__actions .button:active{transform:translateY(calc(var(--win-unit) * .1875));box-shadow:0 calc(var(--win-unit) * .0625) 0 var(--edge)}