.trick-seat{align-items:center;gap:calc(var(--game-unit) * .4);flex-direction:column;min-width:0;display:flex}.trick-seat__backs{--fan-length:calc(var(--back-width) * (1.35 + 12 * var(--back-step)));--fan-depth:calc(var(--back-width) * 242.667 / 167.087 + var(--back-width) * .3);width:var(--fan-length);height:var(--fan-depth);position:relative}.trick-seat[data-place=left] .trick-seat__backs,.trick-seat[data-place=right] .trick-seat__backs{width:var(--fan-depth);height:var(--fan-length)}.trick-seat__fan{width:var(--fan-length);height:var(--fan-depth);position:absolute;top:50%;left:50%;translate:-50% -50%}.trick-seat[data-place=top] .trick-seat__fan{rotate:180deg}.trick-seat[data-place=left] .trick-seat__fan{rotate:90deg}.trick-seat[data-place=right] .trick-seat__fan{rotate:-90deg}.trick-seat__back{--card-width:var(--back-width);--from-middle:calc(var(--i) - (var(--count) - 1) / 2);top:0;left:calc(50% - var(--back-width) / 2);transform-origin:50% 160%;transform:translateX(calc(var(--from-middle) * var(--back-width) * var(--back-step))) translateY(calc(var(--from-middle) * var(--from-middle) * var(--back-width) * .009)) rotate(calc(var(--from-middle) * var(--back-turn)));position:absolute}@property --from-middle{syntax:"<number>";inherits:false;initial-value:0}@property --raise{syntax:"<number>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){.trick-seat__back,.trick-hand__slot{transition:--from-middle var(--fan-time,.32s) var(--ease-settle)}}.trick-tag{border-radius:calc(var(--game-unit) * .55);background:var(--panel);min-width:6.5em;box-shadow:0 calc(var(--game-unit) * .2) 0 var(--panel-edge);color:var(--ink);white-space:nowrap;justify-items:center;gap:.1em;margin:0;padding:.3em .7em .35em;font-size:.9375em;line-height:1.2;display:grid}.trick-tag[data-acting]{background:var(--accent);box-shadow:0 calc(var(--game-unit) * .2) 0 var(--accent-edge);color:var(--accent-ink)}.trick-tag[data-acting] .trick-tag__score{color:var(--accent-ink)}.trick-tag[data-acting] .trick-tag__score+.trick-tag__score{border-left-color:var(--accent-edge)}@media (prefers-reduced-motion:no-preference){.trick-tag,.trick-tag__score{transition:background-color .26s,box-shadow .26s,color .26s,border-color .26s}}.trick-tag__who,.trick-tag__scores{align-items:baseline;gap:.5em;margin:0;display:flex}.trick-tag__name{font-weight:700}.trick-tag__score{min-width:2ch;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:center;justify-items:center;font-weight:700;display:grid}.trick-tag__score+.trick-tag__score{border-left:1px solid var(--panel-edge);color:var(--ink);padding-left:.5em}.trick-tag__badge{border-radius:calc(var(--game-unit) * .4);background:var(--panel-edge);padding:0 .4em;font-size:.8em;font-weight:700}.trick-tag__clock{text-align:right;min-width:2.75ch;font-weight:700}.trick-seat__backs>.trick-tag{z-index:var(--layer-seat-tag);position:absolute}.trick-seat[data-place=top] .trick-seat__backs>.trick-tag{top:0;left:50%;translate:-50% -35%}.trick-seat[data-place=left] .trick-seat__backs>.trick-tag{top:50%;left:0;translate:-55% -50%}.trick-seat[data-place=right] .trick-seat__backs>.trick-tag{top:50%;right:0;translate:55% -50%}.trick-trick{width:calc(var(--card-width) * 3.1);height:calc(var(--card-height) * 2.05);position:relative}.trick-trick__card{width:var(--card-width);z-index:calc(var(--order) + 1);position:absolute}.trick-trick__card[data-place=bottom]{left:calc(50% - var(--card-width) / 2);bottom:0;rotate:2deg}.trick-trick__card[data-place=top]{left:calc(50% - var(--card-width) / 2);top:0;rotate:-3deg}.trick-trick__card[data-place=left]{left:0;top:calc(50% - var(--card-height) / 2);rotate:-7deg}.trick-trick__card[data-place=right]{right:0;top:calc(50% - var(--card-height) / 2);rotate:6deg}.trick-trick__card[data-winner]>.card{filter:drop-shadow(0 0 calc(var(--game-unit) * .2) var(--trick-mark)) drop-shadow(0 0 calc(var(--game-unit) * .5) var(--trick-mark))}.trick-hand{width:100%;height:calc(var(--hand-card) * 242.667 / 167.087 + var(--lift) + var(--bow));--bow:calc(var(--hand-card) * .16);--focus-ring:var(--cream);margin:0;padding:0;list-style:none;position:relative}.trick-hand__slot{--from-middle:calc(var(--i) - (var(--count) - 1) / 2);bottom:var(--bow);left:calc(50% - var(--hand-card) / 2);transform-origin:50% calc(100% + var(--hand-card) * var(--hand-radius));transform:rotate(calc(var(--from-middle) * var(--hand-step) / var(--hand-radius) * 57.2958deg));--hand-radius:24;position:absolute}.trick-hand__card{border-radius:calc(var(--hand-card) * .05);cursor:pointer;transform:translateY(calc(var(--lift) * var(--raise) * -1));--card-width:var(--hand-card);background:0 0;border:0;padding:0;display:block}.trick-hand__card:focus-visible{outline:.1875rem solid var(--focus-ring);outline-offset:.125rem}.trick-hand__card[aria-disabled=true]{cursor:default}.trick-hand__card[data-selected]{--raise:1}.trick-hand__card:not([aria-disabled=true],[data-selected]):hover{--raise:.35}@media (prefers-reduced-motion:no-preference){.trick-hand__card{transition:--raise var(--duration-hover) ease}}.trick-hand__card[data-dimmed]>.card{filter:brightness(.58)saturate(.7)}.trick-flying{z-index:var(--layer-float);transform-origin:50%;pointer-events:none;margin:0;position:absolute;top:0;left:0}.trick-game{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);--trick-mark:var(--accent);--team-us:#c9ddf7;--team-us-edge:#8caad6;--team-them:#f6cbc3;--team-them-edge:#cf8e83;grid-template-areas:"stats modes controls""table table table";display:grid}.trick-game .hud-stat{align-items:baseline;gap:.25em;display:flex}.trick-game .hud-stat__label{color:var(--cream);font-size:.875em}.trick-game .hud-stat__value{min-width:var(--reading);white-space:nowrap;font-size:1.0625em;font-weight:700;display:inline-grid}.trick-game .hud-stat__value>span{grid-area:1/1}.trick-game .hud-stat__reserve{visibility:hidden}.trick-game .hud-stat:is([data-stat=us],[data-stat=them]) .hud-stat__label:before{content:"";background:var(--team-us);vertical-align:-.05em;border-radius:50%;width:.7em;height:.7em;margin-right:.35em;display:inline-block}.trick-game .hud-stat[data-stat=them] .hud-stat__label:before{background:var(--team-them)}.trick-table{gap:calc(var(--game-unit) * .5) var(--game-unit);min-height:0;padding:calc(var(--game-unit) * .5) var(--game-unit) calc(var(--game-unit) * .75);font-size:var(--game-unit);isolation:isolate;--card-width:calc(var(--game-unit) * 5.8);--card-height:calc(var(--card-width) * 242.667 / 167.087);--back-width:calc(var(--game-unit) * 3.3);--back-step:.26;--back-turn:2.4deg;--lift:calc(var(--hand-card) * .14);grid-template:"top top top""left centre right"minmax(0,1fr)"you you you"/minmax(0,1fr) auto minmax(0,1fr);grid-area:table;display:grid;position:relative;container-type:size}.trick-table .trick-seat[data-place=top]{padding-top:var(--game-unit);grid-area:top}.trick-table .trick-seat[data-place=left]{grid-area:left;place-self:center}.trick-table .trick-seat[data-place=right]{grid-area:right;place-self:center}.trick-table .trick-tag[data-team=us]{background:var(--team-us);box-shadow:0 calc(var(--game-unit) * .2) 0 var(--team-us-edge)}.trick-table .trick-tag[data-team=them]{background:var(--team-them);box-shadow:0 calc(var(--game-unit) * .2) 0 var(--team-them-edge)}.trick-table .trick-tag[data-team] .trick-tag__score+.trick-tag__score{border-left-color:color-mix(in srgb, var(--ink) 25%, transparent)}.trick-table .trick-tag[data-team][data-acting]{--wash:color-mix(in srgb, var(--accent) 40%, transparent);background-image:linear-gradient(var(--wash), var(--wash));color:var(--ink)}.trick-table .trick-tag[data-team=us][data-acting]{box-shadow:inset 0 0 0 calc(var(--game-unit) * .24) var(--team-us-edge), 0 calc(var(--game-unit) * .2) 0 var(--team-us-edge)}.trick-table .trick-tag[data-team=them][data-acting]{box-shadow:inset 0 0 0 calc(var(--game-unit) * .24) var(--team-them-edge), 0 calc(var(--game-unit) * .2) 0 var(--team-them-edge)}.trick-table .trick-tag[data-team] .trick-tag__score{color:var(--ink)}.trick-table .trick-tag[data-team] .trick-tag__badge{background:color-mix(in srgb, var(--panel) 70%, transparent)}.trick-table__you>.trick-tag{bottom:calc(var(--hand-card) * .3);z-index:var(--layer-seat-tag);pointer-events:none;position:absolute;left:50%;translate:-50%}.trick-table__centre{grid-area:centre;grid-template-columns:calc(var(--card-width) * 3.1);min-height:0;padding-inline:calc(var(--game-unit) * .75);place-items:center;display:grid}.trick-table__centre>*{grid-area:1/1}.trick-table__you{align-items:center;gap:calc(var(--game-unit) * .1);flex-direction:column;grid-area:you;min-width:0;display:flex;position:relative}.trick-table__bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em 1em;display:flex}.trick-prompt{min-height:calc(var(--game-unit) * 2.25);justify-content:center;align-items:center;gap:.75em;display:flex}.trick-prompt__message{color:var(--cream-soft);text-align:center;margin:0}.trick-prompt__message[data-refused]{color:var(--cream);font-weight:700}.trick-prompt__count{color:var(--cream-soft);white-space:nowrap;font-size:.875em}.trick-table .card{will-change:auto;filter:none}.trick-totals{margin:0;padding:0;list-style:none}.trick-totals li{color:var(--ink-soft);justify-content:space-between;gap:2em;padding:.25em 0;display:flex}.trick-totals li[data-winner]{color:var(--ink);font-weight:700}.trick-totals__total{font-weight:700}:where(.trick-scores){border-collapse:collapse;font-size:.9375em}.trick-scores :where(th,td){text-align:right;padding:.25em .5em}.trick-scores thead th{border-bottom:.0625em solid var(--panel-edge);color:var(--ink-soft);font-weight:700}.trick-scores tbody th,.trick-scores tfoot th{color:var(--ink-soft);text-align:left;font-weight:600}.trick-scores tfoot td,.trick-scores tfoot th{border-top:.125em solid var(--panel-edge);font-weight:700}.trick-scores__side{font-family:var(--display);text-align:left;margin-bottom:.25em;font-weight:700}@media (width<=48rem) and (height>=24rem){.trick-game{grid-template:"stats""modes""table"minmax(0,1fr)"controls"/minmax(0,1fr)}.trick-game .hud-label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.trick-game .hud-icon{display:block}.trick-game .hud-button--icon .hud-icon{width:1.5rem;height:1.5rem}.trick-game .hud-button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;padding-inline:0}.trick-game .hud-button:not(:disabled,[aria-disabled=true]){box-shadow:0 .25rem 0 var(--hud-edge)}.trick-game .hud-button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.trick-table{font-size:max(var(--game-unit), .8125rem);--card-width:calc(var(--game-unit) * 6.2);--back-width:calc(var(--game-unit) * 3);--back-step:.2;column-gap:.25rem;padding-inline:.5rem}.trick-prompt{flex-wrap:wrap;min-height:2.75rem}.trick-table .trick-hand__slot{--hand-radius:14}.trick-table .trick-tag{grid-auto-flow:column;align-items:center;gap:.4em;min-width:0;padding:.15em .4em;font-size:.8125rem}.trick-table .trick-tag__who{flex-direction:column;align-items:center;gap:.1em}.trick-table .trick-seat:is([data-place=left],[data-place=right]) .trick-tag{grid-auto-flow:row;gap:.1em}.trick-table .trick-seat[data-place=left]{justify-self:start}.trick-table .trick-seat[data-place=right]{justify-self:end}.trick-table .trick-seat[data-place=left] .trick-seat__backs>.trick-tag{left:-.5rem;translate:0 -50%}.trick-table .trick-seat[data-place=right] .trick-seat__backs>.trick-tag{right:-.5rem;translate:0 -50%}.trick-table .trick-seat[data-place=top]{padding-top:1.5rem}.trick-table .trick-seat[data-place=top] .trick-seat__backs>.trick-tag{translate:-50% -60%}}