.board-eightoff{--eightoff-gap-base:clamp(.22rem, .55vw, .45rem);--eightoff-gap:calc(var(--eightoff-gap-base) * var(--card-geometry-scale,1));--eightoff-row-gap-base:clamp(.24rem, .8vh, .5rem);--eightoff-row-gap:calc(var(--eightoff-row-gap-base) * var(--card-geometry-scale,1));--eightoff-wcap:min(7.6rem, calc((100cqw - 10 * var(--eightoff-gap)) / 8 / var(--card-scale-fit-reserve,1.2)));--card-width:var(--eightoff-wcap);--card-height:calc(var(--card-width) * 1.4);--eightoff-board-scale:var(--card-scale-fit-aware,1.2);--card-scale:var(--eightoff-board-scale);--card-w:calc(var(--card-width) * var(--card-scale));--card-h:calc(var(--card-height) * var(--card-scale));--eightoff-top-scale:.84;--eightoff-top-card-w:calc(var(--card-w) * var(--eightoff-top-scale));--eightoff-top-card-h:calc(var(--card-h) * var(--eightoff-top-scale));--eightoff-fan-offset-base:clamp(1.35rem, 4.6vh, 3rem);--eightoff-fan-offset:calc(var(--eightoff-fan-offset-base) * min(var(--card-geometry-scale,1), .98));gap:var(--eightoff-row-gap);width:100%;min-height:0;padding:var(--eightoff-row-gap) var(--eightoff-gap) calc(var(--eightoff-row-gap) * 1.25);grid-template-rows:auto auto minmax(0,1fr);place-content:start center;display:grid}@media (width>=721px) and (width<=1024px){.game-shell-eightoff{--card-width:min(5.4rem, calc((var(--game-vw,100vw) - 6.5rem) / 8 / var(--card-scale-fit-reserve,1.2)));--card-gap:.3rem}}@media (width>=1025px) and (width<=1400px){.game-shell-eightoff{--card-width:min(6.6rem, calc((var(--game-vw,100vw) - 7rem) / 8 / var(--card-scale-fit-reserve,1.2)));--card-gap:.35rem}}@media (width>=1401px){.game-shell-eightoff{--card-width:min(7.6rem, calc((var(--game-vw,100vw) - 6.5rem) / 8 / var(--card-scale-fit-reserve,1.2)));--card-gap:.4rem}}@media (width<=1400px){.board-eightoff{--eightoff-wcap:min(6.6rem, calc((100cqw - 10 * var(--eightoff-gap)) / 8 / var(--card-scale-fit-reserve,1.2)))}}@media (width<=1024px){.board-eightoff{--eightoff-top-scale:.9;--eightoff-wcap:min(5.4rem, calc((100cqw - 10 * var(--eightoff-gap)) / 8 / var(--card-scale-fit-reserve,1.2)))}}@media (width<=720px){.board-eightoff{--eightoff-wcap:min(4.2rem, calc((100cqw - 10 * var(--eightoff-gap)) / 8 / var(--card-scale-fit-reserve,1.2)))}}.game-shell .board-eightoff{--card-height:min(calc(var(--eightoff-wcap) * 1.4), calc((100dvh - 9.75rem - 6 * var(--eightoff-fan-offset)) / (2.15 + var(--eightoff-top-scale)) / var(--card-scale-fit-reserve,1.2)));--card-width:calc(var(--card-height) / 1.4)}.eightoff-cells,.eightoff-foundations{grid-template-columns:repeat(8, var(--card-w));gap:var(--eightoff-gap);justify-content:center;align-items:start;display:grid}.eightoff-foundations .eightoff-foundation:first-child{grid-column:5}.eightoff-foundations .eightoff-foundation:nth-child(2){grid-column:6}.eightoff-foundations .eightoff-foundation:nth-child(3){grid-column:7}.eightoff-foundations .eightoff-foundation:nth-child(4){grid-column:8}.eightoff-slot{color:inherit;background:0 0;border:0;padding:0;display:block;position:relative}.eightoff-cell{width:var(--card-w);height:var(--card-h)}.eightoff-foundation{--card-scale:calc(var(--eightoff-board-scale) * var(--eightoff-top-scale));--card-w:calc(var(--card-width) * var(--card-scale));--card-h:calc(var(--card-height) * var(--card-scale));width:var(--card-w);height:var(--card-h);justify-self:center}.eightoff-slot .card,.eightoff-slot .empty-pile{z-index:1;pointer-events:auto;position:relative}.eightoff-slot .eightoff-slot-base,.eightoff-slot .eightoff-foundation-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.eightoff-slot.eightoff-hint-source-slot-visible:before{content:"";border-radius:var(--radius-card);background:var(--color-empty-pile);border:2px solid var(--color-empty-pile-border);box-sizing:border-box;pointer-events:none;position:absolute;inset:0}.eightoff-tableau-pile.eightoff-hint-source-tableau-visible:before{content:"";width:var(--card-w);height:var(--card-h);border-radius:var(--radius-card);background:var(--color-empty-pile);border:2px solid var(--color-empty-pile-border);box-sizing:border-box;pointer-events:none;position:absolute;top:0;left:0}.eightoff-tableau{grid-template-columns:repeat(8, var(--card-w));gap:var(--eightoff-gap);justify-content:center;align-items:start;min-height:0;display:grid}.eightoff-tableau-pile{width:var(--card-w);min-height:min(calc(var(--card-h) + var(--eightoff-fan-offset) * 8), calc(100dvh - var(--header-height,3.5rem) - var(--dock-height,3.5rem) - var(--card-h) - var(--eightoff-top-card-h) - 4.75rem));border-radius:var(--radius-card);position:relative}.eightoff-tableau-empty{pointer-events:none;position:absolute;top:0;left:0}.eightoff-tableau-empty.eightoff-empty-dim{opacity:.35;transition:opacity .12s}.game-shell-eightoff .game-main{overflow:auto}@media (width<=760px){.board-eightoff{--eightoff-fan-offset-base:clamp(1.05rem, 3.1vh, 1.95rem)}}@media (width<=480px){.board-eightoff{--eightoff-gap-base:.22rem;--eightoff-top-scale:1;--eightoff-fan-offset-base:clamp(.78rem, 2.35vh, 1.35rem)}}@media (height<=500px) and (orientation:landscape) and (width<=932px),(height<=500px) and (orientation:landscape) and (width<=1024px) and (hover:none) and (pointer:coarse){.game-shell .board-eightoff{--eightoff-board-scale:var(--card-scale-fit-aware,1);--eightoff-fan-offset-base:clamp(1rem, 3.2vh, 1.8rem);--card-height:min(calc((100dvh - 8.5rem - 6 * var(--eightoff-fan-offset)) / 3.1), calc((100cqw - 10 * var(--eightoff-gap)) / 8 * 1.4));--card-width:calc(var(--card-height) / 1.4)}}.mini-board.mini-board-eightoff{min-height:calc(min(56rem,96vw)/1.47059)}.mini-board-eightoff .board-eightoff{--card-width:calc(100cqw / 9);--card-height:calc(100cqw / 9 * 1.4);--eightoff-gap:calc(100cqw / 9 * .09 * var(--mini-card-scale));--eightoff-fan-offset:calc(100cqw / 9 * .3 * var(--mini-card-scale));width:100%;margin:0;padding:.65rem .85rem .85rem}.mini-board-eightoff .eightoff-tableau-pile{min-height:calc(var(--card-h) + var(--eightoff-fan-offset) * 8)}@media (width<=380px) and (height<=500px) and (orientation:landscape){.game-shell .board-eightoff{--card-height:calc((100cqw - 10 * var(--eightoff-gap)) / 8 * 1.4)}}
