html[data-variant]:not([data-variant=pantsy]) .ui-tl{flex:1 1 auto;min-height:0;display:flex;gap:var(--space-6);margin-left:calc(-1 * var(--space-8))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail{flex:0 0 calc(var(--space-24) + var(--space-2));display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-10) 0}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-end{flex:none;font-family:var(--font-mono);font-size:var(--fs-d-10);font-weight:var(--fw-bold);letter-spacing:var(--track-caps);text-transform:uppercase;line-height:var(--lh-flat);color:var(--role-supporting);writing-mode:vertical-rl}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-end--start{transform:rotate(180deg)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-track{position:relative;flex:1;width:var(--space-6);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--text-on-deep) 12%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-tick{position:absolute;left:calc(-1 * var(--space-2) / 2);right:calc(-1 * var(--space-2) / 2);top:var(--ui-tl-at, 0%);height:calc(var(--space-2) * 1.5);margin-top:calc(-.8 * var(--space-2));border-radius:var(--radius-pill);background:var(--ui-tl-seat, var(--cream-dim))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-tick.is-dealt{background:var(--cream-dim)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-window{position:absolute;left:calc(-1 * (var(--space-4) + var(--space-2) / 2));right:calc(-1 * (var(--space-4) + var(--space-2) / 2));top:var(--ui-tl-top, 0%);height:var(--ui-tl-height, 100%);box-sizing:border-box;border-radius:var(--radius-xs);border:var(--border-selected) solid var(--text-on-deep);background:color-mix(in srgb,var(--primary) 16%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rail-play{position:absolute;left:calc(-1 * var(--space-4));right:calc(-1 * var(--space-4));top:var(--ui-tl-at, 0%);height:var(--space-4);margin-top:calc(-1 * var(--space-2));border-radius:var(--radius-pill);background:var(--primary)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-panel{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;padding:var(--space-14) var(--space-16);border-radius:var(--radius-ticket);background:repeating-linear-gradient(135deg,transparent 0 calc(var(--space-18) / 2),var(--tint-on-card) calc(var(--space-18) / 2) var(--space-10)),var(--surface-card);color:var(--ink);overflow:hidden}html[data-variant]:not([data-variant=pantsy]) .ui-tl-body{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}html[data-variant]:not([data-variant=pantsy]) .ui-tl-rule{position:absolute;left:calc(var(--space-56) + var(--space-2) / 2);top:calc(-1 * var(--space-6));bottom:calc(-1 * var(--space-6));width:var(--space-2);background:color-mix(in srgb,var(--ink) 18%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-list{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-list::-webkit-scrollbar{display:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-list.is-focus{justify-content:safe center}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row{position:relative;display:grid;grid-template-columns:var(--space-40) var(--space-20) minmax(0,1fr);align-items:center;column-gap:var(--space-8);flex:1 1 0;min-height:calc(var(--space-24) + var(--space-10))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-list--gaps>.ui-tl-row{flex:0 0 auto}html[data-variant]:not([data-variant=pantsy]) .ui-tl-space{position:relative;flex:1 1 0;min-height:var(--space-28)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-year{text-align:right;font-family:var(--font-body);font-size:var(--fs-d-16);line-height:normal}html[data-variant]:not([data-variant=pantsy]) .ui-tl-year>span{font-family:var(--font-mono);font-size:var(--fs-d-12);font-weight:var(--fw-bold);letter-spacing:var(--track-caps);font-variant-numeric:tabular-nums;color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-dotcell{position:relative;z-index:1;display:flex;justify-content:center}html[data-variant]:not([data-variant=pantsy]) .ui-tl-dot{box-sizing:border-box;width:var(--space-10);height:var(--space-10);border-radius:var(--radius-pill);background:var(--cream-dim);box-shadow:0 0 0 var(--space-2) color-mix(in srgb,var(--ink) 18%,transparent);display:flex;align-items:center;justify-content:center}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--placed .ui-tl-dot,html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--landed .ui-tl-dot{width:var(--space-14);height:var(--space-14);background:var(--ui-tl-seat, var(--cream-dim));box-shadow:0 0 0 var(--space-2) var(--surface-card)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--play .ui-tl-dot{width:var(--space-14);height:var(--space-14);background:var(--surface-card);border:var(--border-field) dashed var(--primary);box-shadow:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-glyph{width:var(--space-10);height:var(--space-10);fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}html[data-variant]:not([data-variant=pantsy]) .ui-tl-glyph--wrong{width:calc(var(--space-18) / 2);height:calc(var(--space-18) / 2);stroke-width:2.2}html[data-variant]:not([data-variant=pantsy]) .ui-tl-card{box-sizing:border-box;min-width:0;min-height:calc(var(--space-28) + var(--space-2));padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);background:var(--surface-card);border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);color:var(--role-recessed-ink);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);letter-spacing:var(--track-body);line-height:var(--lh-snug);display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-text{min-width:0}html[data-variant]:not([data-variant=pantsy]) .ui-tl-card>.ui-seat,html[data-variant]:not([data-variant=pantsy]) .ui-tl-copy>.ui-seat{letter-spacing:inherit}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--placed .ui-tl-card{background:var(--cream-dim);color:var(--ink)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--play .ui-tl-card{padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border:var(--border-field) dashed var(--primary);background:var(--ui-tl-seat, var(--cream-dim));color:var(--ink);justify-content:flex-start}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--landed .ui-tl-card{border:none;background:var(--ui-tl-seat, var(--cream-dim));box-shadow:0 0 0 var(--border-stamp) var(--primary);color:var(--ink)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-tag{flex:none;font-family:var(--font-mono);font-size:var(--fs-d-10);font-weight:var(--fw-bold);letter-spacing:var(--track-caps);text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--ghost .ui-tl-card{padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border:none;background:var(--tint-on-card);justify-content:flex-start}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row--ghost .ui-tl-text{text-decoration:line-through}html[data-variant]:not([data-variant=pantsy]) .ui-tl-gap{position:absolute;left:calc(var(--space-56) + var(--space-2));top:0;z-index:2;width:calc(var(--space-40) + var(--space-4));height:calc(var(--space-40) + var(--space-4));transform:translate(-50%,-50%);padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}html[data-variant]:not([data-variant=pantsy]) .ui-tl-gap.is-end{top:100%}html[data-variant]:not([data-variant=pantsy]) .ui-tl-space>.ui-tl-gap{top:50%}html[data-variant]:not([data-variant=pantsy]) .ui-tl-plus{box-sizing:border-box;width:var(--space-14);height:var(--space-14);border-radius:var(--radius-pill);background:var(--surface-card);border:var(--border-field) solid var(--line-on-card-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--fs-d-12);font-weight:var(--fw-bold);line-height:var(--lh-flat);color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-gap:focus-visible .ui-tl-plus{border-color:var(--primary)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-gap:focus-visible{outline:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker{position:absolute;left:calc(var(--space-56) + var(--space-2));top:0;z-index:3;display:flex;align-items:center;gap:var(--space-4);transform:translate(-50%,-50%)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker.is-row{top:50%}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker.is-end{top:100%}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker--advice,html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker--drag{transform:translate(calc(var(--space-22) / -2),-50%)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker--advice{gap:0}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker--advice>.ui-seat+.ui-seat{margin-left:calc(-1 * var(--space-8))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-marker--drag{z-index:4;gap:var(--space-6);touch-action:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-copy{display:flex;align-items:center;gap:var(--space-6);min-height:calc(var(--space-28) + var(--space-2));box-sizing:border-box;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);border-radius:var(--radius-md);background:var(--ui-tl-seat, var(--cream-dim));box-shadow:0 var(--space-10) var(--space-22) color-mix(in srgb,var(--ink) 28%,transparent);transform:rotate(-3deg);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);color:var(--ink);white-space:nowrap}html[data-variant]:not([data-variant=pantsy]) .ui-tl-ghost{position:absolute;left:var(--ui-tl-gx, 50%);top:var(--ui-tl-gy, 50%);z-index:5;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-draggable{touch-action:none;cursor:grab}html[data-variant]:not([data-variant=pantsy]) .ui-tl-list.is-focus>.ui-tl-row{flex:0 0 auto}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-band{min-height:calc(var(--space-40) + var(--space-4))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-band .ui-tl-card{min-height:calc(var(--space-24) + var(--space-10));font-size:var(--fs-d-16)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-compact{min-height:var(--space-24)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-compact:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--space-10));bottom:calc(-1 * var(--space-10))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-compact .ui-tl-year>span{font-size:var(--fs-d-10)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-compact .ui-tl-dot{width:var(--space-10);height:var(--space-10);border:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-compact .ui-tl-card{min-height:var(--space-20);padding:calc(var(--space-2) / 2) var(--space-10);border-radius:var(--radius-xs);border:none;background:transparent;box-shadow:none;color:var(--role-recessed-ink);font-size:var(--fs-d-12);white-space:nowrap}html[data-variant]:not([data-variant=pantsy]) .ui-tl-row.is-compact .ui-tl-text{overflow:hidden;text-overflow:ellipsis}html[data-variant]:not([data-variant=pantsy]) .ui-tl-fade{position:absolute;left:0;right:0;top:0;height:var(--space-28);z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--surface-card),color-mix(in srgb,var(--surface-card) 0%,transparent))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-fade--foot{top:auto;bottom:0;background:linear-gradient(0deg,var(--surface-card),color-mix(in srgb,var(--surface-card) 0%,transparent))}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand--tray{flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-10);padding:var(--space-12);border-radius:var(--radius-rd-artifact);background:color-mix(in srgb,var(--text-on-deep) 4.5%,transparent);border:1px solid color-mix(in srgb,var(--text-on-deep) 7%,transparent)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:0 var(--space-2);margin:calc(-1 * var(--space-12)) 0}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand-title{font-family:var(--font-mono);font-size:var(--fs-d-10);font-weight:var(--fw-bold);letter-spacing:var(--track-rd-caps-16);text-transform:uppercase;color:var(--role-supporting)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand-link{min-height:calc(var(--space-40) + var(--space-4));padding:0;background:none;border:none;color:var(--role-link);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);white-space:nowrap;cursor:pointer}html[data-variant]:not([data-variant=pantsy]) .ui-tl-chips{display:flex;gap:var(--space-8);overflow-x:auto;scrollbar-width:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-chips::-webkit-scrollbar{display:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-chip{flex:1 0 calc(var(--space-56) + var(--space-40));min-height:calc(var(--space-40) + var(--space-4));padding:var(--space-6) var(--space-12);border-radius:var(--radius-md);border:none;background:var(--ui-tl-seat, var(--cream-dim));color:var(--player-ink);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);letter-spacing:var(--track-body);line-height:var(--lh-snug);display:flex;align-items:center;justify-content:center;text-align:center;text-wrap:balance;cursor:pointer}html[data-variant]:not([data-variant=pantsy]) .ui-tl-chip-text,html[data-variant]:not([data-variant=pantsy]) .ui-tl-choice-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-width:0}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand--cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-10);max-width:calc(var(--space-40) * 8 - var(--space-4));margin-left:auto;margin-right:auto}html[data-variant]:not([data-variant=pantsy]) .ui-tl-handcard{position:relative;box-sizing:border-box;width:calc(var(--space-40) * 2 + var(--space-12));aspect-ratio:3 / 4;padding:var(--space-8);border-radius:var(--radius-md);background:var(--ui-tl-seat, var(--cream-dim));box-shadow:0 var(--space-8) var(--space-16) color-mix(in srgb,var(--ink) 18%,transparent);transform:rotate(var(--ui-tl-tilt, 0deg));text-align:center;display:flex;flex-direction:column;justify-content:space-between}html[data-variant]:not([data-variant=pantsy]) .ui-tl-handcard-text{font-family:var(--font-display);font-size:var(--fs-d-14);font-weight:var(--fw-bold);line-height:var(--lh-rd-tile);letter-spacing:var(--track-body);color:var(--ink);text-wrap:balance}html[data-variant]:not([data-variant=pantsy]) .ui-tl-handcard-year{height:var(--space-18);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--ink) 12%,transparent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-d-10);font-weight:var(--fw-bold);letter-spacing:var(--track-rd-caps-16);color:var(--role-recessed-ink)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand--choose{position:relative;flex-shrink:0;display:flex;gap:var(--space-8);overflow-x:auto;scrollbar-width:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand--choose::-webkit-scrollbar{display:none}html[data-variant]:not([data-variant=pantsy]) .ui-tl-choice{position:relative;flex:1 0 calc((100% - var(--space-8) * 2) / 3);min-width:0;height:var(--space-56);padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);border:var(--border-field) solid color-mix(in srgb,var(--primary) 45%,transparent);background:var(--surface-raised-top);color:var(--text-on-deep);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);letter-spacing:var(--track-body);line-height:var(--lh-snug);text-wrap:balance;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer}html[data-variant]:not([data-variant=pantsy]) .ui-tl-choice.is-chosen{border-color:var(--primary);background:var(--primary);color:var(--primary-on)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-choice.is-faded{opacity:var(--opacity-behind-popup)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-hand--drawn{position:relative;display:flex;gap:var(--space-8);padding-top:var(--space-6)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-drawn{position:relative;flex:1 1 auto;min-width:0;width:100%;min-height:var(--space-56);box-sizing:border-box;padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);border:var(--border-field) solid var(--ui-tl-seat, var(--primary));background:var(--surface-raised-top);color:var(--text-on-deep);font-family:var(--font-body);font-size:var(--fs-d-14);font-weight:var(--fw-bold);letter-spacing:var(--track-body);line-height:var(--lh-snug);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}html[data-variant]:not([data-variant=pantsy]) .ui-tl-drawn-text{min-width:0;text-wrap:balance}html[data-variant]:not([data-variant=pantsy]) .ui-tl-drawn-tag{flex:none;padding:var(--space-2) var(--space-8);border-radius:var(--radius-pill);background:var(--ui-tl-seat, var(--primary));color:var(--player-ink);font-family:var(--font-mono);font-size:var(--fs-d-10);font-weight:var(--fw-bold);letter-spacing:var(--track-caps);text-transform:uppercase;white-space:nowrap}@media(prefers-reduced-motion:reduce){html[data-variant]:not([data-variant=pantsy]) .ui-tl-list{scroll-behavior:auto}}