.sl-play{flex-direction:column;gap:8px;display:flex}.sl-winnable{min-height:44px;font-size:.92rem}.sl-winnable input{width:20px;height:20px}.sl-board{touch-action:manipulation;-webkit-user-select:none;user-select:none;isolation:isolate;border-radius:12px;width:100%;margin:0 auto;position:relative}.sl-skeleton{background:color-mix(in srgb, var(--cat) 6%, var(--surface));place-items:center;min-height:420px;display:grid}.sl-slot{width:var(--cw);height:var(--ch);border:2px dashed color-mix(in srgb, var(--cat) 40%, var(--border));color:color-mix(in srgb, var(--cat) 45%, var(--muted));font-size:calc(var(--cw) * .42);border-radius:8px;place-items:center;font-weight:800;display:grid;position:absolute}.sl-slot .red{color:color-mix(in srgb, #dc2626 55%, var(--muted))}.sl-slot.hint{box-shadow:0 0 0 3px var(--saffron)}.sl-slot.drop{border-color:var(--cat)}.sl-card{width:var(--cw);height:var(--ch);cursor:default;border-radius:7px;transition:transform .16s ease-out;position:absolute;top:0;left:0}.sl-card.dragging{transition:none}.sl-card.down{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--cat) 70%, #0b1f1c) 0 5px, color-mix(in srgb, var(--cat) 88%, #0b1f1c) 5px 10px);border:2px solid #f8fafc;box-shadow:0 1px 2px #0000004d}.sl-card.up{color:#111827;cursor:grab;touch-action:none;background:#fdfdfc;border:1px solid #b8bcc6;box-shadow:0 1px 2px #00000038}.sl-card.up.red{color:#c81e1e}.sl-corner{font-weight:800;line-height:1;font-size:calc(var(--cw) * .32);letter-spacing:-.04em;align-items:baseline;gap:1px;display:flex;position:absolute;top:2px;left:3px}.sl-suit{font-size:.92em}.sl-pip{font-size:calc(var(--cw) * .62);opacity:.9;place-items:center;padding-top:18%;line-height:1;display:grid;position:absolute;inset:0}.sl-card.sel{box-shadow:0 0 0 3px var(--accent), 0 4px 10px #00000040}.sl-card.hint{box-shadow:0 0 0 3px var(--saffron), 0 4px 10px #00000040}.sl-pile-btn{width:var(--cw);height:var(--ch);pointer-events:none;z-index:1000;background:0 0;border:0;border-radius:8px;padding:0;position:absolute}.sl-pile-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sl-pile-btn[aria-pressed=true]{outline:3px dashed var(--accent);outline-offset:2px}.sl-proven{margin:0}@media (prefers-reduced-motion:reduce){.sl-card{transition:none}}