.t24{--accent:#5bd68a}.t24-board{aspect-ratio:auto;min-height:0;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:34px 16px}.t24-cards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.t24-card{position:relative;width:118px;height:158px;cursor:pointer;border-radius:14px;border:2px solid rgba(140,160,235,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(160deg,#f7f9ff,#dde5f5);color:#1c2436;box-shadow:0 14px 30px -14px #000c,inset 0 1px #ffffffe6;transition:transform .16s,border-color .16s,box-shadow .16s}.t24-card:hover{transform:translateY(-4px)}.t24-card.sel{border-color:var(--accent);transform:translateY(-7px) scale(1.04);box-shadow:0 18px 36px -14px #000000d9,0 0 22px -4px var(--accent)}.t24-card.gold{border-color:#ffd86a;box-shadow:0 0 34px -4px #ffd86a}.t24-card.bad{border-color:#ff8f8f}.t24-suit{position:absolute;top:8px;left:11px;font-size:17px}.t24-card:nth-child(4n+2) .t24-suit,.t24-card:nth-child(4n+3) .t24-suit{color:#d03a3a}.t24-num{font:800 clamp(30px,6vw,42px)/1 var(--font-mono)}.t24-expr{max-width:104px;font:600 10.5px/1.3 var(--font-mono);color:#5a6880;text-align:center;word-break:break-all}.t24-ops{display:flex;gap:12px}.t24-op{width:58px;height:58px;cursor:pointer;border-radius:50%;border:2px solid rgba(140,160,235,.35);background:rgba(255,255,255,.05);color:var(--ink);font:800 24px/1 var(--font-mono);transition:background .14s,border-color .14s,transform .12s}.t24-op:hover{transform:scale(1.08);border-color:var(--accent)}.t24-op.on{background:var(--accent);border-color:transparent;color:#06180d;box-shadow:0 0 18px -2px var(--accent)}.t24-msg{min-height:26px;font:700 16px/1.5 var(--font-sans);color:var(--dim);text-align:center}.t24-msg.win{color:#ffd86a;text-shadow:0 0 18px rgba(255,216,106,.5)}@media (max-width:560px){.t24-card{width:86px;height:120px}.t24-op{width:48px;height:48px;font-size:20px}}