.slj-wrap{--cw: clamp(62px, 19vw, 92px);--ch: calc(var(--cw) * 1.4);max-width:560px;margin:0 auto}.slj-wrap .slj-table{display:grid;gap:8px;padding:10px 12px;border-radius:var(--radius);color:#fff;background:radial-gradient(ellipse at 50% 40%,var(--table),var(--table-2))}.slj-wrap .slj-opps{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.slj-wrap .slj-opp{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:var(--radius-sm);background:#0000002e;border:2px solid transparent;flex:1 1 100px;max-width:200px;min-width:0}.slj-wrap .slj-opp.slj-turn{border-color:#ffd166}.slj-wrap .slj-opp.slj-out{opacity:.45}.slj-wrap .slj-opp.slj-flash{animation:slj-flash .7s ease-out}.slj-wrap .slj-deck{--cw: clamp(48px, 14vw, 70px);--ch: calc(var(--cw) * 1.4);position:relative;width:var(--cw);height:var(--ch);flex:none;border-radius:calc(var(--cw) * .08)}.slj-wrap .slj-deck.slj-mini{--cw: clamp(28px, 8vw, 40px)}.slj-wrap .slj-deck-btn{appearance:none;border:0;padding:0;background:none;cursor:pointer}.slj-wrap .slj-deck-btn:disabled{cursor:default}.slj-wrap .slj-deck-btn:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.slj-wrap .slj-deck .card{pointer-events:none}.slj-wrap .slj-stacked .card{box-shadow:3px 3px #0000004d,6px 6px #0000002e}.slj-wrap .slj-mini.slj-stacked .card{box-shadow:2px 2px #0000004d}.slj-wrap .slj-go{animation:slj-pulse 1.1s ease-in-out infinite}.slj-wrap .slj-empty{width:100%;height:100%;display:grid;place-items:center;border-radius:inherit;border:2px dashed rgb(255 255 255 / .3);color:#fff9;font-size:.7rem}.slj-wrap .slj-me{display:flex;align-items:center;gap:14px}.slj-wrap .slj-info{display:flex;flex-direction:column;gap:1px;font-weight:600;line-height:1.25;min-width:0}.slj-wrap .slj-me .slj-info b{font-size:1.4rem;font-variant-numeric:tabular-nums}.slj-wrap .slj-sub{font-size:.82rem;color:#ffffffbf;font-weight:500}.slj-wrap .slj-pile{appearance:none;position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:calc(var(--ch) + 44px);padding:14px 10px 24px;border:2px solid rgb(255 255 255 / .12);border-radius:var(--radius);background:#00000029;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.slj-wrap .slj-pile:disabled{cursor:default}.slj-wrap .slj-pile:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.slj-wrap .slj-pile .card{position:relative;flex:none;cursor:inherit}.slj-wrap .slj-pile .slj-under{transform:rotate(-8deg);margin-right:calc(var(--cw) * -.7);opacity:.9}.slj-wrap .slj-pile .slj-top{transform:rotate(4deg)}.slj-wrap .slj-pile .slj-new{animation:slj-in .2s ease-out both}.slj-wrap .slj-pile-empty{width:var(--cw);height:var(--ch);display:grid;place-items:center;border-radius:calc(var(--cw) * .08);border:2px dashed rgb(255 255 255 / .3);color:#ffffff80;font-weight:700}.slj-wrap .slj-pile-count,.slj-wrap .slj-pile-who{position:absolute;bottom:4px;font-size:.75rem;color:#ffffffb8}.slj-wrap .slj-pile-count{right:10px}.slj-wrap .slj-pile-who{left:10px}.slj-wrap .slj-msg{min-height:2.6em;display:grid;place-items:center;text-align:center;font-weight:700;line-height:1.3}.slj-wrap .slj-msg.slj-good{color:#8ef0b0}.slj-wrap .slj-msg.slj-bad{color:#ffb38a}.slj-wrap .slj-actions{display:flex;gap:10px;margin-top:10px}.slj-wrap .slj-flip{flex:1;min-height:64px;font-size:1.15rem;touch-action:manipulation}.slj-wrap .slj-slap{flex:2;min-height:64px;font-size:1.5rem;font-weight:800;letter-spacing:.03em;background:var(--p1);border-color:var(--p1);color:#fff;touch-action:manipulation}.slj-wrap .slj-slap:hover{background:var(--p1);filter:brightness(1.08)}.slj-wrap .slj-keys{text-align:center;margin:8px 0 0}.slj-wrap.slj-shake .slj-pile{animation:slj-shake .3s}@keyframes slj-in{0%{opacity:0;transform:translateY(-30px) rotate(4deg)}}@keyframes slj-pulse{50%{box-shadow:0 0 0 4px #ffd166,0 0 18px #ffd16699}}@keyframes slj-flash{0%{background:#ffd1668c}}@keyframes slj-shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}