.tt{--color-focus: var(--room-gold);width:100%;max-width:560px;display:grid;gap:var(--space-3);padding:var(--space-3);background:var(--room);color:var(--room-text);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.tt__table{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:". top ." "left trick right" ". bottom .";align-items:center;gap:var(--space-2);background:var(--room-panel);border:1px solid var(--room-rule);border-radius:var(--radius-md);padding:var(--space-3)}.tt__seat{display:grid;gap:2px;justify-items:center;text-align:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:2px solid var(--room-rule);background:var(--room);font-size:.85rem;min-width:0}.tt__seat--top{grid-area:top}.tt__seat--left{grid-area:left}.tt__seat--right{grid-area:right}.tt__seat--bottom{grid-area:bottom}.tt__seat--active{border-color:var(--room-gold)}.tt__name{font-weight:600}.tt__meta{color:var(--room-gold);font-size:.8rem;line-height:1.2;display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px}.tt__trick{--card-w: clamp(36px, 10vw, 52px);grid-area:trick;position:relative;width:calc(var(--card-w) * 3);height:calc(var(--card-h) * 2.2);justify-self:center}.tt__trick .card{position:absolute}.tt__card--bottom{left:var(--card-w);bottom:0}.tt__card--top{left:var(--card-w);top:0}.tt__card--left{left:0;top:calc(var(--card-h) * .6)}.tt__card--right{right:0;top:calc(var(--card-h) * .6)}.tt__trick--done .card{opacity:.75}.tt__trick--done .card--last{opacity:1}.tt__card--bottom{--from: translateY(70px)}.tt__card--top{--from: translateY(-70px)}.tt__card--left{--from: translateX(-70px)}.tt__card--right{--from: translateX(70px)}.tt__card--in{animation:tt-in .25s var(--ease) both}@keyframes tt-in{0%{transform:var(--from);opacity:0}}.tt__trick--to-bottom{--sweep: translateY(35%)}.tt__trick--to-top{--sweep: translateY(-35%)}.tt__trick--to-left{--sweep: translateX(-35%)}.tt__trick--to-right{--sweep: translateX(35%)}.tt__trick--done{transform:var(--sweep)}.tt__trick--sweep{animation:rh-flash .25s var(--ease) .25s 2,tt-sweep .35s var(--ease) .75s both}@keyframes tt-sweep{0%{transform:none}to{transform:var(--sweep)}}.tt__hand{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.tt__hand .card[disabled]{opacity:.6}.tt__hand .card--selected{transform:translateY(-6px)}.tt__hand .card--passed{transform:translateY(-14px);opacity:.5}.tt__hand .card--out{animation:tt-out .25s var(--ease)}@keyframes tt-out{0%{transform:none;opacity:1}}.tt__actions{display:flex;justify-content:center;margin-top:var(--space-3)}.tt__actions .btn--primary,.tt__bids .btn--primary{background:var(--room-gold);border-color:var(--room-gold);color:var(--color-text)}.tt__actions .btn--ghost,.tt__bids .btn--ghost{background:transparent;border-color:var(--room-text);color:var(--room-text)}.tt__actions .btn--ghost:hover,.tt__bids .btn--ghost:hover{background:var(--room-panel)}.tt__privacy{display:grid;gap:var(--space-2);justify-items:center;text-align:center;padding:var(--space-4) var(--space-3);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tt__privacy p{margin:0}.tt__privacy-title{font-family:var(--font-heading);font-size:1.2rem}@media (max-width: 480px){.tt__trick{height:calc(var(--card-h) * 1.8)}.tt__table{padding:var(--space-2)}}@media (max-width: 420px){.tt__seat--left,.tt__seat--right{padding:var(--space-1)}}