.board-canfield{--canfield-gap-base:clamp(.24rem, .6vw, .5rem);--canfield-gap:calc(var(--canfield-gap-base) * var(--card-geometry-scale,1));--canfield-wcap:min(8rem, calc((var(--game-vw,100dvw) - 8 * var(--canfield-gap)) / 6.4 / var(--card-scale-fit-reserve,1.2)));--card-width:var(--canfield-wcap);--card-height:calc(var(--card-width) * 1.4);--card-scale:var(--card-scale-fit-aware,1.2);--card-w:calc(var(--card-width) * var(--card-scale));--card-h:calc(var(--card-height) * var(--card-scale));--canfield-spill:calc(var(--card-w) * .4);--canfield-fan-offset-base:clamp(1.35rem, 4.6vh, 3rem);--canfield-fan-offset:calc(var(--canfield-fan-offset-base) * var(--card-geometry-scale,1));width:100%;min-height:0;padding:clamp(.4rem, 1.2vh, .9rem) var(--canfield-gap) clamp(.6rem, 1.6vh, 1.1rem);grid-template-rows:auto minmax(0,1fr);place-content:start center;gap:clamp(.6rem,1.8vh,1.2rem);display:grid}@media (width<=1400px){.board-canfield{--canfield-wcap:min(7rem, calc((var(--game-vw,100dvw) - 8 * var(--canfield-gap)) / 6.4 / var(--card-scale-fit-reserve,1.2)))}}@media (width<=1024px){.board-canfield{--canfield-wcap:min(5.8rem, calc((var(--game-vw,100dvw) - 8 * var(--canfield-gap)) / 6.4 / var(--card-scale-fit-reserve,1.2)))}}@media (width<=720px){.board-canfield{--canfield-wcap:min(4.5rem, calc((var(--game-vw,100dvw) - 8 * var(--canfield-gap)) / 6.4 / var(--card-scale-fit-reserve,1.2)))}}.canfield-top,.canfield-main{grid-template-columns:var(--card-w) var(--card-w) var(--canfield-spill) repeat(4, var(--card-w));gap:var(--canfield-gap);justify-content:center;align-items:start;display:grid}.canfield-stock{width:var(--card-w);height:var(--card-h);cursor:pointer;background:0 0;border:none;grid-column:1;padding:0;position:relative}.canfield-stock:disabled,.canfield-stock.is-disabled{cursor:default;opacity:.65}.canfield-stock.is-empty{border-radius:var(--radius-card);cursor:default;border:2px dashed #ffffff2e}.canfield-stock-back{width:100%;height:100%;display:block}.canfield-stock-count,.canfield-reserve-count{z-index:6;color:#ffffffeb;min-width:1.75em;height:1.75em;font-size:clamp(min(.8125rem, 13px), calc(min(.4375rem, 7px) + var(--card-w) * .13), min(1.25rem, 20px));pointer-events:none;background:#0000009e;border-radius:999px;justify-content:center;align-items:center;padding:0 .4em;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:-.3em;right:-.3em}.canfield-stock-recycle{border:2px dashed var(--color-empty-pile-border);border-radius:var(--radius-card);background:var(--color-empty-pile);justify-content:center;align-items:center;display:flex}.canfield-recycle-icon{font-size:calc(var(--card-w) * .42);color:var(--color-text-muted);line-height:1}@media (hover:hover){.canfield-stock:not(:disabled):not(.is-empty):hover{transition:transform var(--duration-normal) var(--ease-out);transform:translateY(-2px)}}.canfield-waste{width:var(--card-w);height:var(--card-h);grid-column:2;position:relative}.canfield-waste-card{position:absolute;top:0;left:0}.canfield-waste-card-2{left:calc(var(--card-w) * .18)}.canfield-waste-card-3{left:calc(var(--card-w) * .36)}.canfield-waste-card:not(.canfield-waste-top){pointer-events:none}.canfield-waste-empty{position:absolute;top:0;left:0}.canfield-slot{width:var(--card-w);height:var(--card-h);color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.canfield-foundation-0{grid-column:4}.canfield-foundation-1{grid-column:5}.canfield-foundation-2{grid-column:6}.canfield-foundation-3{grid-column:7}.canfield-slot .card,.canfield-slot .empty-pile{z-index:1;position:absolute;top:0;left:0}.canfield-slot .canfield-foundation-backdrop,.canfield-foundation-base{z-index:0;pointer-events:none;position:absolute;inset:0}.canfield-base-rank{z-index:2;font-family:Inter,system-ui,sans-serif;font-size:calc(var(--card-w) * .2);letter-spacing:-.02em;color:var(--color-text-muted);opacity:.9;pointer-events:none;font-weight:700;line-height:1;position:absolute;top:5%;left:8%}.canfield-reserve{width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);grid-column:1;position:relative}.canfield-reserve .card{position:absolute;top:0;left:0}.canfield-reserve-back{z-index:1;pointer-events:none}.canfield-reserve-top{z-index:2}.canfield-reserve[data-depth="1"]:after,.canfield-reserve[data-depth="2"]:after,.canfield-reserve[data-depth="2"]:before{content:"";border-radius:var(--radius-card);box-sizing:border-box;z-index:0;pointer-events:none;background:#faf8f2e6;border:1px solid #0000002e;position:absolute;inset:0;transform:translateY(2.5px);box-shadow:0 1px 2px #00000047}.canfield-reserve[data-depth="2"]:before{transform:translateY(5px)}.canfield-reserve-empty{opacity:.35;pointer-events:none;position:absolute;top:0;left:0}.canfield-tableau-0{grid-column:4}.canfield-tableau-1{grid-column:5}.canfield-tableau-2{grid-column:6}.canfield-tableau-3{grid-column:7}.canfield-tableau-pile{width:var(--card-w);min-height:min(calc(var(--card-h) + var(--canfield-fan-offset) * 8), calc(100dvh - var(--header-height,3.5rem) - var(--dock-height,3.5rem) - var(--card-h) - 4.25rem));border-radius:var(--radius-card);position:relative}.canfield-tableau-empty{pointer-events:none;position:absolute;top:0;left:0}.canfield-tableau-empty.is-inert{opacity:.35}.game-shell-canfield .game-main{overflow:auto}@media (width>=721px) and (width<=1024px){.game-shell-canfield{--card-width:min(5.8rem, calc((var(--game-vw,100vw) - 6.5rem) / 6.4 / var(--card-scale-fit-reserve,1.2)));--card-gap:.3rem}}@media (width>=1025px) and (width<=1400px){.game-shell-canfield{--card-width:min(7rem, calc((var(--game-vw,100vw) - 7rem) / 6.4 / var(--card-scale-fit-reserve,1.2)));--card-gap:.35rem}}@media (width>=1401px){.game-shell-canfield{--card-width:min(8rem, calc((var(--game-vw,100vw) - 6.5rem) / 6.4 / var(--card-scale-fit-reserve,1.2)));--card-gap:.4rem}}@media (width<=480px){.board-canfield{--canfield-gap-base:.2rem;--card-scale:var(--card-scale-fit-aware,1);--canfield-fan-offset-base:clamp(.95rem, 2.8vh, 1.6rem)}}.game-shell .board-canfield{--card-height:min(calc(var(--canfield-wcap) * 1.4), calc((100dvh - var(--header-height,3.5rem) - var(--dock-height,3.5rem) - 2.5rem - var(--canfield-fan-offset)) / 2.1 / var(--card-scale-fit-reserve,1.2)));--card-width:calc(var(--card-height) / 1.4)}@media (height<=500px) and (orientation:landscape) and (width<=932px){.game-shell .board-canfield{--card-scale:var(--card-scale-fit-aware,1);--canfield-fan-offset-base:clamp(1rem, 3.2vh, 1.8rem);--card-height:min(calc((100dvh - 8.5rem - 6 * var(--canfield-fan-offset)) / 2.15), calc((100cqw - 8 * var(--canfield-gap)) / 6.4 * 1.4));--card-width:calc(var(--card-height) / 1.4)}}.mini-board.mini-board-canfield{min-height:calc(min(56rem,96vw)/2.22222)}.mini-board-canfield .board-canfield{--card-width:calc(100cqw / 7);--card-height:calc(100cqw / 7 * 1.4);--canfield-gap:calc(100cqw / 7 * .09 * var(--mini-card-scale));--canfield-fan-offset:calc(100cqw / 7 * .42 * var(--mini-card-scale));width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board-canfield .canfield-tableau-pile{min-height:calc(var(--card-h) + var(--canfield-fan-offset) * 3)}@media (width<=380px) and (height<=500px) and (orientation:landscape){.game-shell .board-canfield{--card-height:calc((100dvw - 8 * var(--canfield-gap)) / 6.4 * 1.4)}}