.t24{--accent:#5bd68a}.t24-board{aspect-ratio:auto;min-height:0;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;--cgap:clamp(6px,2svh,16px);gap:clamp(8px,2.4svh,26px);padding:clamp(8px,2.6svh,34px) clamp(10px,3vw,16px)}.t24-cards{display:flex;flex-wrap:nowrap;gap:var(--cgap);justify-content:center;width:100%}.t24-card{position:relative;flex:0 0 auto;width:min(118px,calc((100% - var(--cgap) * 3) / 4),calc(clamp(74px,24svh,158px)*.747));aspect-ratio:118/158;height:auto;overflow:hidden;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:clamp(2px,.8svh,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}@media (hover:hover){.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:5px;left:7px;font-size:clamp(12px,3vw,17px)}.t24-card:nth-child(4n+2) .t24-suit,.t24-card:nth-child(4n+3) .t24-suit{color:#d03a3a}.t24-num{max-width:100%;padding:0 3px;font:800 clamp(18px,5.4vw,42px)/1 var(--font-mono);letter-spacing:-.4px}.t24-expr{max-width:100%;padding:0 3px;font:600 clamp(8px,2.4vw,10.5px)/1.3 var(--font-mono);color:#5a6880;text-align:center;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.t24-ops{display:flex;gap:clamp(8px,2.6vw,12px)}.t24-op{width:clamp(40px,7.4svh,58px);height:clamp(40px,7.4svh,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 clamp(19px,3.2svh,24px)/1 var(--font-mono);transition:background .14s,border-color .14s,transform .12s}@media (hover:hover){.t24-op:hover{transform:scale(1.08);border-color:var(--accent)}}.t24-op.on{background:var(--accent-fill);border-color:transparent;color:#06180d;box-shadow:0 0 18px -2px var(--accent)}.t24-msg{min-height:clamp(16px,2.6svh,26px);font:700 clamp(12px,2.3svh,16px)/1.4 var(--font-sans);color:var(--dim);text-align:center}.t24-msg.win{color:#ffd86a;text-shadow:0 0 18px rgba(255,216,106,.5)}