.board-wrap{display:flex;justify-content:center}.tt{width:100%;max-width:560px;display:grid;gap:var(--space-3)}.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(--board-square-light);border:2px solid var(--board-frame);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 transparent;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(--color-accent);background:var(--color-surface)}.tt__name{font-weight:600}.tt__meta{color:var(--color-text-muted);font-size:.75rem}.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__hand{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.tt__hand .card[disabled]{opacity:.45}.tt__hand .card--selected{transform:translateY(-6px)}.tt__actions{display:flex;justify-content:center;margin-top:var(--space-3)}.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);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: 420px){.tt__seat--left,.tt__seat--right{font-size:.75rem;padding:var(--space-1)}}