.ttr-card{--cc:#4a90d9;--ci:#fff;background:var(--cc);width:44px;height:64px;color:var(--ci);font:inherit;box-shadow:var(--shadow);border:2px solid #1b1b1b;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;padding:0;line-height:1;display:inline-flex}.ttr-card.s0{--cc:#4a90d9}.ttr-card.s1{--cc:#d9567a}.ttr-card.s2{--cc:#3f9b4a}.ttr-card.s3{--cc:#f0b429;--ci:#2b1d00}.ttr-card.s4{--cc:#2b2d5c;--ci:#f5f1c8}.ttr-card b{font:700 22px/1 var(--f-mono)}.ttr-card span{text-transform:uppercase;letter-spacing:.03em;font-size:9px;font-weight:700}.ttr-card.s4 span{font-size:14px}.ttr-card.small{width:28px;height:40px;box-shadow:none;border-width:1.5px}.ttr-card.small b{font-size:14px}.ttr-card.small span{display:none}.ttr-card.dim{opacity:.4}button.ttr-card{cursor:pointer}button.ttr-card:hover{transform:translateY(-3px)}button.ttr-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ttr-tasks{border-radius:var(--radius);background:var(--sunk);flex-wrap:wrap;justify-content:center;gap:10px;padding:8px;display:flex}.ttr-task{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.ttr-task small{text-align:center;overflow-wrap:anywhere;max-width:80px;font-size:12px;font-weight:700}.ttr-task.mine small{color:var(--accent)}.ttr-task.done{opacity:.55}.ttr-task.done small{color:var(--good)}.ttr-order{background:var(--ink);color:var(--surface);border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:-6px;right:-8px}.ttr-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ttr-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;align-items:center;gap:3px;min-width:96px;padding:5px 8px;display:flex}.ttr-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.ttr-players small,.ttr-me small{color:var(--muted);font-size:12px}.ttr-who,.ttr-me{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.ttr-who b,.ttr-me b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:15px}.ttr-badge{text-transform:uppercase;color:#f5f1c8;background:#2b2d5c;border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700}.ttr-signal{align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.ttr-trick{border-radius:var(--radius);background:color-mix(in srgb,#2b2d5c 10%,var(--surface));border:1.5px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:104px;padding:10px;display:flex}.ttr-trick.old .ttr-play{opacity:.6}.ttr-trick.old .ttr-play.won{opacity:1}.ttr-play{flex-direction:column;align-items:center;gap:3px;display:flex}.ttr-play small{font-size:12px;font-weight:700}.ttr-play.won .ttr-card{box-shadow:0 0 0 3px var(--good)}.ttr-took{color:var(--muted);font-size:13px}.tbl-status.ttr-win{color:var(--good)}.tbl-status.ttr-lose{color:var(--bad)}.ttr-mine{border-top:1.5px solid var(--line);flex-direction:column;align-items:center;gap:8px;padding-top:12px;display:flex}.ttr-hand{flex-wrap:wrap;justify-content:center;gap:4px;max-width:520px;display:flex}.ttr-missions{flex-wrap:wrap}.ttr-missions .chip-btn{justify-content:center;min-width:40px}.ttr-beaten:not([aria-pressed=true]):after{content:" ✓";color:var(--good)}
