/* Three-Handed Euchre table (ui/euchre3.js). Builds on the Euchre table styles (ui/euchre.css, eu-*); e3-* additions. */
.e3 { --e3-maker: #e3b341; --e3-def: #8ab8ff; }

/* seats: the maker and the two players against them get colored stripes once trump is named */
.e3-seats .seat.e3-maker { box-shadow: inset 4px 0 0 var(--e3-maker); }
.e3-seats .seat.e3-def { box-shadow: inset 4px 0 0 var(--e3-def); }
.e3-seats .e3-vs { display: block; }

/* three score boxes in a row, trump underneath */
.eu-board.e3-board { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.e3-player { padding: .45rem .5rem; text-align: center; }
.e3-player.e3-maker { box-shadow: inset 0 4px 0 var(--e3-maker); }
.e3-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e3-player .eu-score { font-size: 1.6rem; }
.e3-sub { min-height: 1.35rem; color: var(--muted); }
.e3-hint { margin: 0 0 .25rem; }