solitaire-table{display:block}solitaire-table .table{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}solitaire-table .field{touch-action:none}solitaire-table[data-size=large]{--cw:clamp(48px,calc((100vw - 2*var(--pad) - 6*var(--gap)) / 7),138px);--ch:calc(var(--cw) * 1.452);--down:calc(var(--cw) * .17);--up:calc(var(--cw) * .4 * var(--fk))}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}solitaire-table .seg button{font:600 13px var(--ui);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:20px;min-height:40px;padding:0 14px}solitaire-table .seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}solitaire-table .btn:disabled{opacity:.45;cursor:default}solitaire-table .btn:focus-visible,solitaire-table .seg button:focus-visible,solitaire-table select:focus-visible,solitaire-table input:focus-visible,solitaire-table textarea:focus-visible{outline:3px solid var(--ink);outline-offset:2px}solitaire-table [data-pile]{cursor:pointer;outline:none}solitaire-table [data-pile]:focus-visible{outline-offset:3px;border-radius:calc(var(--cw)*.08);z-index:2;outline:3px solid #fff;box-shadow:0 0 0 6px #0b1d18}solitaire-table .col.is-empty{border-radius:calc(var(--cw)*.07);background:var(--slot);border:1px solid #ffffff1a}solitaire-table .slot{color:#fff;opacity:.9}solitaire-table .jx{align-items:center;gap:calc(var(--cw)*.03);height:calc(var(--cw)*.42);margin:calc(var(--cw)*.03) 0 0 calc(var(--cw)*.03);padding:0 calc(var(--cw)*.06) 0 calc(var(--cw)*.05);border-radius:calc(var(--cw)*.05);color:#14110f;font:800 calc(var(--cw)*.4)/1 var(--ui);letter-spacing:-.02em;font-variant-numeric:tabular-nums;pointer-events:none;background:#fff;display:none;position:absolute;left:0}solitaire-table[data-jumbo] .jx{display:inline-flex}solitaire-table .jx.red{color:#b3141f}solitaire-table .jx.solo{font-size:calc(var(--cw)*.46)}solitaire-table .jx svg{width:calc(var(--cw)*.3);height:calc(var(--cw)*.3);fill:currentColor;flex:none}solitaire-table .card.dragging+.jx{opacity:.25}solitaire-table .card.sel+.jx{transform:translateY(-3px)}solitaire-table .card.sel{outline-offset:-2px;outline:3px solid #fff;transform:translateY(-3px)}solitaire-table .card.hint-src,solitaire-table .hint-dst{outline:3px solid var(--hint);outline-offset:-2px}solitaire-table .hint-dst{border-radius:calc(var(--cw)*.07);outline-offset:3px}solitaire-table .drop-ok{outline-offset:3px;border-radius:calc(var(--cw)*.07);outline:2px dashed #ffffffbf}solitaire-table .card.dragging{opacity:.25}solitaire-table .card{pointer-events:auto;-webkit-user-drag:none}solitaire-table .drag-layer{z-index:60;pointer-events:none;will-change:transform;width:0;height:0;position:fixed;top:0;left:0}solitaire-table .drag-layer .card{pointer-events:none;filter:drop-shadow(0 8px 10px #0006);position:absolute}solitaire-table .status .helped{color:var(--ink-soft);font-size:13px}solitaire-table .hintmsg{min-height:1.5em;color:var(--ink-soft);margin:0;padding:0 4px;font-size:14px}solitaire-table .sb-dialog{border:1px solid var(--hair);border-radius:var(--radius);background:var(--bar);color:var(--ink);width:min(92vw,460px);max-height:88vh;padding:22px 24px;overflow:auto}solitaire-table .sb-dialog::backdrop{background:#0a14128c}solitaire-table .sb-dialog h2{font:700 24px/1.2 var(--display);margin:0 0 12px}solitaire-table .sb-dialog h3{font:700 16px var(--ui);margin:18px 0 6px}solitaire-table .sb-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}solitaire-table .sb-field{gap:4px;margin:10px 0;font-size:14px;font-weight:600;display:grid}solitaire-table .sb-field select,solitaire-table .sb-field input,solitaire-table .sb-field textarea{font:400 15px var(--ui);color:var(--ink);background:var(--page);border:1px solid var(--hair);border-radius:10px;width:100%;padding:9px 10px}solitaire-table .sb-check{align-items:center;gap:10px;margin:12px 0;font-size:15px;display:flex}solitaire-table .sb-check input{width:20px;height:20px}solitaire-table .sb-note{color:var(--ink-soft);min-height:1.4em;margin:8px 0 0;font-size:14px}solitaire-table .sb-facts{gap:28px;margin:0 0 8px;display:flex}solitaire-table .sb-facts dt{color:var(--ink-soft);font-size:13px}solitaire-table .sb-facts dd{font:700 24px var(--ui);font-variant-numeric:tabular-nums;margin:0}solitaire-table .sb-stats{color:var(--ink-soft);margin:0;padding-left:18px;font-size:14px}solitaire-table .sb-keys{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;font-size:14px;display:grid}solitaire-table .sb-keys dt{font-weight:700}solitaire-table .sb-keys dd{color:var(--ink-soft);margin:0}@media (prefers-reduced-motion:reduce){solitaire-table *{transition:none!important;animation:none!important}solitaire-table .card.sel{transform:none}}@media (width<=640px){solitaire-table .seg{margin-left:0}}html{--chrome:244px;--ui-h:122px}@media (width<=520px){html{--ui-h:134px}html [data-view=klondike]{--ui-h:175px}html [data-view=pyramid],html [data-view=tripeaks]{--ui-h:177px}}html [data-view=klondike]{min-height:calc(var(--cw) * 4.21 + var(--ui-h) + 2 * var(--tpv))}solitaire-table[data-view=klondike] .field{min-height:calc(var(--cw) * 4.21)}html [data-view=freecell]{--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=freecell][data-size=large]{--cmax:min(150px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=freecell] .table{padding-inline:var(--tp)}solitaire-table .field.v-freecell{grid-template-columns:repeat(8,var(--cw));height:calc(var(--cw) * (1.732 + var(--fa)));align-content:start}solitaire-table .field.v-freecell .col{height:calc(var(--cw) * var(--fa))}html [data-view=pyramid]{--hcap:calc((100svh - var(--chrome)) / 5.85);--cmax:min(110px,var(--hcap));--tp:clamp(4px,1.4vw,24px);--cw:clamp(34px,calc((100vw - 2*var(--pad) - 2*var(--tp) - 2px) / 7.5),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) * 5.81 + var(--ui-h) + 2 * var(--tpv))}html [data-view=pyramid][data-size=large]{--cmax:min(140px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=pyramid] .table{padding-inline:var(--tp)}solitaire-table .field.v-pyramid{width:calc(var(--cw) * 7.48);height:calc(var(--ch) * 4);margin:0 auto;display:block;position:relative}html [data-view=tripeaks]{--hcap:calc((100svh - var(--chrome)) / 5.7);--cmax:min(110px,var(--hcap));--tp:clamp(3px,1vw,24px);--cw:clamp(30px,calc((100vw - 2*var(--pad) - 2*var(--tp) - 2px) / 9.35),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) * 5.59 + var(--ui-h) + 2 * var(--tpv))}html [data-view=tripeaks][data-size=large]{--cmax:min(140px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=tripeaks] .table{padding-inline:var(--tp)}solitaire-table .field.v-tripeaks{width:calc(var(--cw) * 9.28);height:calc(var(--ch) * 3.85);margin:0 auto;display:block;position:relative}html [data-view=spider]{--sa:calc(1.452 + 3.748 * var(--fk));--hcap:calc((100svh - var(--chrome)) / 7.7);--cmax:min(96px,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) * .4 * var(--fk));min-height:calc(var(--cw) * (2.45 + var(--sa)) + var(--ui-h) + 2 * var(--tpv))}html [data-view=spider][data-size=large]{--cmax:min(124px,calc(var(--hcap) * 1.3))}solitaire-table[data-view=spider] .table{padding-inline:var(--tp)}solitaire-table .field.v-spider{width:calc(var(--cw) * 10 + var(--gap) * 9);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-spider .sp-col{width:var(--cw);position:absolute}solitaire-table .field.v-spider .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-spider .sp-col:after{content:"";width:100%;height:var(--ext,0);position:absolute;top:100%;left:0}solitaire-table .field.v-spider .sp-col.drop-ok,solitaire-table .field.v-spider .sp-col.hint-dst{border-radius:calc(var(--cw) * .07)}solitaire-table .field.v-spider .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-spider .apile,solitaire-table .field.v-spider .sp-done{z-index:1}solitaire-table .field.v-spider .apile.slot{font-size:calc(var(--cw) * .4)}solitaire-table .dealnote{color:var(--ink-soft);margin:0;padding:0 4px;font-size:14px}solitaire-table .dealnote:empty,solitaire-table .turnnote:empty{display:none}solitaire-table .turnnote{color:var(--ink-soft);margin:0 0 10px;padding:0 4px;font-size:14px}solitaire-table .btn[aria-disabled=true]{opacity:.55}solitaire-table .field .apile{width:var(--cw);height:var(--ch);position:absolute}solitaire-table .field .apile.slot{grid-row:auto}solitaire-table .pcard{border-radius:calc(var(--cw) * .06);overflow:hidden;box-shadow:0 1px 2px #0006}solitaire-table .pcard .card{filter:none;transform:none}solitaire-table .pcard.free{box-shadow:0 0 0 2px #fff9,0 1px 2px #0006}solitaire-table .pcard.covered:after{content:"";border-radius:inherit;mix-blend-mode:multiply;pointer-events:none;background:#e1e7ec;position:absolute;inset:0}solitaire-table .pcard.both{clip-path:inset(0 0 50%)}solitaire-table .pcard.covered{cursor:not-allowed}solitaire-table [hidden]{display:none!important}solitaire-table .badge{right:calc(var(--cw) * .06);bottom:calc(var(--cw) * .06);color:#fff;min-width:1.7em;font:700 max(11px,calc(var(--cw) * .24))/1.55 var(--ui);text-align:center;pointer-events:none;font-variant-numeric:tabular-nums;background:#0a1814d1;border-radius:999px;padding:0 .45em;position:absolute}solitaire-table .status .extra{color:var(--ink-soft);font-size:14px}solitaire-table .status .extra:empty{display:none}@media (width<=420px){solitaire-table .status{gap:4px 14px}solitaire-table .status .pill{margin-left:0}}