.sol-board{--card-bg:#fff;--card-line:#c4c4cc;--card-shadow:0 1px 1.5px #0e0e1224;--ink-0:#17171c;--ink-1:#c21b1b;--ink-2:#c21b1b;--ink-3:#17171c;--back:#c2410c;--back-line:#9a330a;--slot-line:var(--line-strong);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.sol-board[data-four]{--ink-2:#1d4fd6;--ink-3:#12774a}@media (prefers-color-scheme:dark){.sol-board{--card-bg:#e8e8ed;--card-line:#0b0b0d;--card-shadow:0 1px 2px #0009;--ink-0:#111115;--ink-1:#b8191c;--ink-2:#b8191c;--ink-3:#111115;--back:#a8390c;--back-line:#5e2006}.sol-board[data-four]{--ink-2:#1b47c4;--ink-3:#0f6a41}}.sol-card,.sol-slot{width:var(--cw);height:var(--ch);border-radius:var(--cr);position:absolute;top:0;left:0}.sol-card{transition:transform .2s cubic-bezier(.2,.75,.3,1)}.sol-card[data-up]{touch-action:none;cursor:grab}.sol-board[data-instant] .sol-card{transition:none}.sol-card[data-drag]{cursor:grabbing;z-index:3000!important;transition:none!important}.sol-card[data-drag] .sol-face{box-shadow:0 10px 22px -6px #0e0e1259}.sol-card[data-snap]{z-index:2500!important;transition:translate .15s ease-out!important}.sol-card[data-return]{z-index:2500!important;transition:translate .18s ease-out!important}.sol-back{border-radius:inherit;background:var(--back);border:1px solid var(--back-line);box-shadow:var(--card-shadow);position:absolute;inset:0}.sol-back:after{content:"";inset:max(2px, calc(var(--cw) * .07));border-radius:calc(var(--cr) * .6);background-image:repeating-linear-gradient(45deg,#ffffff2b 0 1.5px,#0000 1.5px 6px),repeating-linear-gradient(-45deg,#ffffff2b 0 1.5px,#0000 1.5px 6px);border:1px solid #ffffff8c;position:absolute}.sol-face{border-radius:inherit;background:var(--card-bg);border:1px solid var(--card-line);box-shadow:var(--card-shadow);color:var(--ink-0);line-height:1;position:absolute;inset:0;overflow:hidden}.sol-face[data-suit="1"]{color:var(--ink-1)}.sol-face[data-suit="2"]{color:var(--ink-2)}.sol-face[data-suit="3"]{color:var(--ink-3)}.sol-idx{top:calc(var(--idx) * .14 + 1px);left:calc(var(--idx) * .16 + 1px);align-items:center;gap:calc(var(--idx) * .1);font-size:var(--idx);font-weight:600;display:flex;position:absolute}.sol-rank{line-height:1;display:block}.sol-idx-10 .sol-rank{letter-spacing:-.07em}.sol-idx-suit{width:calc(var(--idx) * .86);height:calc(var(--idx) * .86);flex:none}.sol-idx-end{top:auto;left:auto;bottom:calc(var(--idx) * .14 + 1px);right:calc(var(--idx) * .16 + 1px);transform:rotate(180deg)}.sol-pip{width:calc(var(--cw) * .42);height:calc(var(--cw) * .42);position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.sol-pip-ace{width:calc(var(--cw) * .56);height:calc(var(--cw) * .56)}.sol-court{border-radius:calc(var(--cr) * .7);background:color-mix(in srgb, currentColor 7%, transparent);border:1.5px solid;flex-direction:column;justify-content:center;align-items:center;gap:6%;display:flex;position:absolute;inset:24% 20% 20%}.sol-court-letter{font-size:calc(var(--cw) * .3);font-weight:600;line-height:1}.sol-court-suit{width:calc(var(--cw) * .2);height:calc(var(--cw) * .2)}.sol-board[data-compact] .sol-idx{justify-content:space-between;gap:0;top:2px;left:2px;right:2px}.sol-board[data-compact] .sol-idx-suit{width:calc(var(--idx) * .78);height:calc(var(--idx) * .78)}.sol-board[data-compact] .sol-idx-end{display:none}.sol-board[data-compact] .sol-pip{width:calc(var(--cw) * .5);height:calc(var(--cw) * .5);top:64%}.sol-board[data-compact] .sol-court{border-width:1px;inset:42% 14% 10%}.sol-board[data-compact] .sol-court-letter{display:none}.sol-board[data-compact] .sol-court-suit{width:calc(var(--cw) * .36);height:calc(var(--cw) * .36)}.sol-slot{border:1.5px dashed var(--slot-line);color:var(--faint);font-size:calc(var(--cw) * .3);place-items:center;font-weight:600;display:grid}.sol-slot svg{width:42%;height:42%}.sol-slot[data-stock]{cursor:pointer}.sol-card[data-sel] .sol-face{box-shadow:0 0 0 3px var(--accent)}.sol-card[data-hint] .sol-face,.sol-card[data-hint] .sol-back,.sol-slot[data-hint]{box-shadow:0 0 0 3px var(--ok)}.sol-card[data-target] .sol-face,.sol-slot[data-target]{box-shadow:0 0 0 2px var(--accent-line)}.sol-card[data-over] .sol-face,.sol-slot[data-over]{box-shadow:0 0 0 3px var(--accent)}.sol-focus{pointer-events:none;border-radius:calc(var(--cr) + 3px);z-index:4000;outline:none;position:absolute;top:0;left:0}.sol-focus:focus-visible{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--accent)}@keyframes sol-shake{0%,to{translate:0}25%{translate:-4px}75%{translate:4px}}.sol-card[data-shake]{animation:.22s ease-in-out 2 sol-shake}@keyframes sol-hop{0%,to{translate:0}45%{translate:0 calc(var(--ch) * -.16)}}.sol-board[data-won] .sol-card[data-cheer]{animation:sol-hop .7s ease-in-out var(--delay,0s) 3}@media (prefers-reduced-motion:reduce){.sol-card,.sol-card[data-snap],.sol-card[data-return]{transition:none!important}.sol-card[data-shake],.sol-board[data-won] .sol-card[data-cheer]{animation:none}}