html [data-view=scorpion],html [data-view=spiderette]{--sa:calc(1.452 + 3.748 * var(--fk));--hcap:calc((100svh - var(--chrome)) / 7.7);--cmax:min(110px,var(--hcap));--tp:clamp(3px,1vw,24px);--gap:clamp(3px,.8vw,14px);--cw:clamp(30px,calc((100vw - 2*var(--pad) - 2*var(--tp) - 6*var(--gap) - 2px) / 7),var(--cmax));--ch:calc(var(--cw) * 1.452);--down:calc(var(--cw) * .17);--up:calc(var(--cw) * .4 * var(--fk));min-height:calc(var(--cw) * (2.45 + var(--sa)) + var(--ui-h) + 2 * var(--tpv))}html [data-view=scorpion][data-size=large],html [data-view=spiderette][data-size=large]{--cmax:min(138px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=scorpion] .table,solitaire-table[data-view=spiderette] .table{padding-inline:var(--tp)}solitaire-table .field.v-scorpion,solitaire-table .field.v-spiderette{width:calc(var(--cw) * 7 + var(--gap) * 6);height:calc(var(--cw) * (2.45 + var(--sa)));overscroll-behavior:contain;margin:0 auto;display:block;position:relative;overflow:hidden auto}solitaire-table .field.v-scorpion .sp-col,solitaire-table .field.v-spiderette .sp-col{width:var(--cw);position:absolute}solitaire-table .field.v-scorpion .sp-col.is-empty:before,solitaire-table .field.v-spiderette .sp-col.is-empty:before{content:"";width:100%;height:var(--ch);border-radius:calc(var(--cw) * .07);background:var(--slot);border:1px solid #ffffff1a;position:absolute;top:0;left:0}solitaire-table .field.v-scorpion .sp-col:after,solitaire-table .field.v-spiderette .sp-col:after{content:"";width:100%;height:var(--ext,0);position:absolute;top:100%;left:0}solitaire-table .field.v-scorpion .sp-col.drop-ok,solitaire-table .field.v-scorpion .sp-col.hint-dst,solitaire-table .field.v-spiderette .sp-col.drop-ok,solitaire-table .field.v-spiderette .sp-col.hint-dst{border-radius:calc(var(--cw) * .07)}solitaire-table .field.v-scorpion .sp-done,solitaire-table .field.v-spiderette .sp-done{background:var(--slot);color:#fff;font:600 max(11px,calc(var(--cw) * .2))/1 var(--ui);white-space:nowrap;cursor:default;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;padding:0 .7em;display:flex;position:absolute}solitaire-table .field.v-scorpion .apile,solitaire-table .field.v-scorpion .sp-done,solitaire-table .field.v-spiderette .apile,solitaire-table .field.v-spiderette .sp-done{z-index:1}solitaire-table .field.v-scorpion .apile.slot,solitaire-table .field.v-spiderette .apile.slot{font-size:calc(var(--cw) * .4)}