html [data-view=bakers]{--fa:calc(1.452 + 2.948 * var(--fk));--hcap:calc((100svh - var(--chrome)) / 6.2);--cmax:min(118px,var(--hcap));--tp:clamp(5px,1.6vw,28px);--gap:clamp(3px,1vw,16px);--cw:clamp(34px,calc((100vw - 2*var(--pad) - 2*var(--tp) - 7*var(--gap)) / 8),var(--cmax));--ch:calc(var(--cw) * 1.452);--down:calc(var(--cw) * .17);--up:calc(var(--cw) * .34 * var(--fk));min-height:calc(var(--cw) * (1.732 + var(--fa)) + var(--ui-h) + 2 * var(--tpv))}html [data-view=bakers][data-size=large]{--cmax:min(150px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=bakers] .table{padding-inline:var(--tp)}solitaire-table .field.v-bakers{grid-template-columns:repeat(8,var(--cw));height:calc(var(--cw) * (1.732 + var(--fa)));align-content:start}solitaire-table .field.v-bakers .col{height:calc(var(--cw) * var(--fa))}html [data-view=eightoff]{--fa:calc(1.452 + 2.948 * var(--fk));--hcap:calc((100svh - var(--chrome)) / 7.9);--cmax:min(110px,var(--hcap));--tp:clamp(5px,1.6vw,28px);--gap:clamp(3px,1vw,16px);--cw:clamp(34px,calc((100vw - 2*var(--pad) - 2*var(--tp) - 7*var(--gap)) / 8),var(--cmax));--ch:calc(var(--cw) * 1.452);--down:calc(var(--cw) * .17);--up:calc(var(--cw) * .34 * var(--fk));min-height:calc(var(--cw) * (3.464 + var(--fa)) + var(--ui-h) + 2 * var(--tpv))}html [data-view=eightoff][data-size=large]{--cmax:min(140px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=eightoff] .table{padding-inline:var(--tp)}solitaire-table .field.v-eightoff{grid-template-columns:repeat(8,var(--cw));height:calc(var(--cw) * (3.464 + var(--fa)));align-content:start}solitaire-table .field.v-eightoff .col{height:calc(var(--cw) * var(--fa))}html [data-view=seahaven]{--fa:calc(1.452 + 2.948 * var(--fk));--hcap:calc((100svh - var(--chrome)) / 6.2);--cmax:min(100px,var(--hcap));--tp:clamp(3px,1vw,24px);--gap:clamp(2px,.5vw,12px);--cw:clamp(26px,calc((100vw - 2*var(--pad) - 2*var(--tp) - 9*var(--gap) - 2px) / 10),var(--cmax));--ch:calc(var(--cw) * 1.452);--down:calc(var(--cw) * .17);--up:calc(var(--cw) * .34 * var(--fk));min-height:calc(var(--cw) * (1.732 + var(--fa)) + var(--ui-h) + 2 * var(--tpv))}html [data-view=seahaven][data-size=large]{--cmax:min(124px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=seahaven] .table{padding-inline:var(--tp)}solitaire-table .field.v-seahaven{grid-template-columns:repeat(10,var(--cw));height:calc(var(--cw) * (1.732 + var(--fa)));align-content:start}solitaire-table .field.v-seahaven .col{height:calc(var(--cw) * var(--fa))}