.triad-table{display: grid;gap: 1rem;padding: 1rem;border: 1px solid var(--club-brass-dim);border-radius: var(--ww-radius);background-color: var(--ww-paper-2);color: var(--ww-ink)}.triad-score{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: .75rem}.triad-seat{display: grid;gap: .1rem}.triad-seat--rival{text-align: right}.triad-seat__name{font-weight: 700}.triad-seat__points{font-family: var(--ww-display);font-size: 1.6rem;font-variant-numeric: tabular-nums;line-height: 1.1;color: var(--club-brass-lit)}.triad-seat small,.triad-clock small{color: var(--ww-ink-soft);font-size: .8rem}.triad-clock{display: grid;text-align: center;gap: .1rem}.triad-clock strong{font-variant-numeric: tabular-nums}.triad-turn{display: flex;flex-wrap: wrap;align-items: baseline;gap: .35rem 1rem;padding: .7rem 1rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper);color: var(--ww-ink-soft)}.triad-turn strong{color: var(--ww-ink)}.triad-turn.is-yours{border-color: color-mix(in oklch,var(--club-jade) 70%,var(--club-brass));background: color-mix(in oklch,var(--club-jade) 30%,var(--ww-paper));color: var(--ww-ink)}.triad-lanes{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: .75rem}.triad-lane{position: relative;display: grid;grid-template-rows: auto 1fr auto 1fr auto;gap: .5rem;min-height: 25rem;padding: .75rem;border: 1px solid var(--club-brass-dim);border-radius: var(--ww-radius-sm);background-color: color-mix(in oklch,var(--club-jade) 55%,var(--ww-navy));color: var(--ww-ink);transition: var(--ww-transition-chrome)}.triad-lane.is-mine{border-color: color-mix(in oklch,var(--club-brass) 65%,transparent)}.triad-lane.is-theirs{border-color: color-mix(in oklch,var(--club-oxblood) 80%,var(--ww-ink) 10%)}.triad-lane.is-armed{cursor: pointer}.triad-lane.is-armed::after{content: "";position: absolute;inset: -1px;border: 1px dashed color-mix(in oklch,var(--club-brass-lit) 70%,transparent);border-radius: inherit;pointer-events: none}@media (hover: hover){.triad-lane.is-armed:hover{background-color: color-mix(in oklch,var(--club-jade) 70%,var(--ww-navy))}}.triad-lane.is-hovered{background-color: color-mix(in oklch,var(--club-jade) 80%,var(--ww-navy));box-shadow: inset 0 0 0 2px var(--club-brass)}.triad-lane.is-receiving{box-shadow: inset 0 0 0 2px var(--club-brass-lit)}.triad-lane.is-refused{animation: triad-refuse var(--ww-dur-short) var(--ww-ease-out)}.triad-lane.is-full .triad-slot{display: none}@keyframes triad-refuse{25%{transform: translateX(-4px)}75%{transform: translateX(4px)}}.triad-front{text-align: center}.triad-front h3{display: flex;justify-content: center;align-items: center;gap: .4rem;margin: 0;font-family: var(--ww-display);font-size: 1.15rem}.triad-front p{margin: .15rem 0 0;font-size: .8rem;color: color-mix(in oklch,var(--ww-ink) 80%,var(--club-celadon))}.triad-front__value{padding: .05rem .4rem;border: 1px solid var(--club-brass);border-radius: 99px;font-family: var(--ww-font);font-size: .7rem;font-weight: 800;color: var(--club-brass-lit)}.triad-side{display: flex;flex-wrap: wrap;align-content: flex-start;justify-content: center;gap: .35rem;min-height: 4.5rem}.triad-side--rival{align-content: flex-end}.triad-slot{width: 3.4rem;height: 4.4rem;border: 1px dashed color-mix(in oklch,var(--club-celadon) 35%,transparent);border-radius: .45rem}.triad-total{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;gap: .4rem;padding: .3rem 0;border-block: 1px solid color-mix(in oklch,var(--club-brass) 25%,transparent)}.triad-total__side{font-family: var(--ww-display);font-size: 1.5rem;font-variant-numeric: tabular-nums;text-align: center;color: color-mix(in oklch,var(--ww-ink) 75%,transparent)}.triad-total__side small{display: block;font-family: var(--ww-font);font-size: .62rem;font-weight: 700;line-height: 1;letter-spacing: .02em;color: var(--club-celadon)}.triad-total__side.is-leading{color: var(--club-brass-lit);font-weight: 800}.triad-total__verdict{font-size: .72rem;font-weight: 700;color: var(--club-celadon);white-space: nowrap}.triad-card{position: relative;display: grid;justify-items: center;align-content: center;gap: .1rem;width: 3.4rem;height: 4.4rem;padding: .25rem;border: 1px solid var(--club-walnut);border-bottom: 3px solid var(--club-jade);border-radius: .45rem;background: var(--club-travertine);color: var(--club-walnut);text-align: center}.triad-card--rival{border-bottom-color: var(--club-oxblood);background: color-mix(in oklch,var(--club-travertine) 88%,var(--club-oxblood))}.triad-card__power{font-family: var(--ww-display);font-size: 1.35rem;font-weight: 800;line-height: 1;font-variant-numeric: tabular-nums}.triad-card__power.is-up{color: var(--club-jade)}.triad-card__power.is-up::after{content: "▲";font-size: .5em;vertical-align: super}.triad-card__power.is-down{color: var(--club-oxblood)}.triad-card__power.is-down::after{content: "▼";font-size: .5em;vertical-align: super}.triad-card__name{font-size: .68rem;font-weight: 700;line-height: 1.1}.triad-card__text{font-size: .72rem;line-height: 1.25;color: color-mix(in oklch,var(--club-walnut) 80%,transparent)}.triad-card.is-fresh{animation: triad-deal var(--ww-dur-long) var(--ww-ease-play)}@keyframes triad-deal{from{opacity: 0;transform: translateY(-18px) scale(1.12) rotate(-4deg)}to{opacity: 1;transform: none}}.triad-deploy{min-height: var(--ww-control-min);padding: .4rem .6rem;border: 1px solid var(--club-brass-dim);border-radius: var(--ww-radius-sm);background: color-mix(in oklch,var(--ww-navy) 70%,transparent);color: var(--club-brass-lit);font-weight: 700;font-size: .8rem;cursor: pointer;transition: var(--ww-transition-chrome)}@media (hover: hover){.triad-deploy:hover{border-color: var(--club-brass);background: var(--ww-navy)}}.triad-deploy:active{transform: translateY(1px)}.triad-deploy:disabled{opacity: .5;cursor: not-allowed}.triad-hand{display: grid;grid-template-columns: minmax(9rem,auto) 1fr auto;align-items: center;gap: .75rem 1rem;padding: .9rem 1rem;border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper)}.triad-hand__head{display: grid;gap: .2rem}.triad-hand__head span{font-size: .85rem;color: var(--ww-ink-soft)}.triad-play-form{margin: 0}.triad-card-picker{display: flex;flex-wrap: wrap;gap: .55rem;margin: 0;padding: 0;border: 0}.triad-card-picker.is-waiting{opacity: .7}.triad-card--hand{width: 7rem;height: auto;min-height: 7.5rem;align-content: start;padding: .45rem .5rem .55rem}.triad-card--hand .triad-card__power{font-size: 1.7rem}.triad-card--hand .triad-card__name{font-size: .85rem}.triad-card-choice{position: relative;cursor: grab;touch-action: none}.triad-card-choice input{position: absolute;opacity: 0;pointer-events: none}.triad-card-choice .triad-card{transition: var(--ww-transition-chrome)}@media (hover: hover){.triad-card-choice:hover .triad-card{transform: translateY(-3px)}}.triad-card-choice input:checked + .triad-card{transform: translateY(-6px);box-shadow: 0 0 0 2px var(--club-brass),0 6px 0 -2px var(--club-brass-dim)}.triad-card-choice input:focus-visible + .triad-card{outline: 3px solid var(--ww-focus);outline-offset: 3px}.triad-card-choice.is-lifted .triad-card{opacity: .35}.triad-ghost{position: fixed;top: 0;left: 0;z-index: 60;pointer-events: none;box-shadow: 0 14px 24px -8px oklch(0.1 0.03 265 / 0.6)}.triad-hold{white-space: nowrap}.triad-result{padding: 1rem 1.25rem;border: 1px solid var(--club-brass-dim);border-radius: var(--ww-radius-sm);background: color-mix(in oklch,var(--club-jade) 30%,var(--ww-paper));color: var(--ww-ink)}.triad-result h2{margin: .2rem 0;font-family: var(--ww-display);font-size: 1.6rem}.triad-result p{margin: .2rem 0 0}.triad-rules{border: 1px solid var(--ww-line);border-radius: var(--ww-radius-sm);background: var(--ww-paper)}.triad-rules summary{min-height: var(--ww-control-min);display: flex;align-items: center;padding: 0 1rem;cursor: pointer;font-weight: 800;color: var(--club-brass-lit)}.triad-rules__body{display: grid;gap: .5rem;padding: 0 1rem 1rem;font-size: .92rem;color: var(--ww-ink-soft)}.triad-rules__body p{margin: 0}.triad-rules__cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(16rem,1fr));gap: .3rem 1rem;margin: 0;padding: 0;list-style: none}.triad-rules__cards strong{color: var(--ww-ink);margin-right: .35rem}@media (max-width: 760px){.triad-table{padding: .6rem;gap: .6rem}.triad-lanes{gap: .35rem}.triad-lane{min-height: 19rem;padding: .45rem .25rem;gap: .35rem}.triad-front h3{font-size: .85rem;flex-direction: column;gap: .1rem}.triad-front p{font-size: .66rem}.triad-side{gap: .2rem;min-height: 3.2rem}.triad-card,.triad-slot{width: 2.35rem;height: 3.1rem}.triad-card__power{font-size: 1rem}.triad-card__name{font-size: .5rem}.triad-total__side{font-size: 1.1rem}.triad-total__side small{font-size: .5rem;overflow: hidden;text-overflow: ellipsis}.triad-total__verdict{font-size: .6rem}.triad-deploy{font-size: .68rem;padding: .3rem}.triad-hand{grid-template-columns: 1fr;padding: .6rem}.triad-card-picker{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: .35rem}.triad-card--hand{width: 100%;min-height: 6.4rem;padding: .35rem .3rem .45rem}.triad-card--hand .triad-card__text{font-size: .62rem}.triad-card--hand .triad-card__name{font-size: .8rem}.triad-seat__points{font-size: 1.2rem}.triad-clock small{display: none}}