.b3-trick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px;background:#e2e6d4;border-radius:14px}.b3-trick-seat{display:grid;gap:8px;justify-items:center;min-width:0}.b3-trick-seat>small{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b3-trick-slot{height:133px;display:grid;place-items:center}.b3-card{display:flex;flex-direction:column;justify-content:space-between;width:82px;height:128px;padding:8px;background:#fff2d5;color:#617d6d;border:1px solid #cabda0;border-radius:7px;box-sizing:border-box;box-shadow:0 3px 0 #cfc4aa;font-family:Georgia,serif}.b3-card small:first-child{align-self:flex-start}.b3-card small:last-child{align-self:flex-end;transform:rotate(180deg)}.b3-card b{font-size:38px;line-height:1;text-align:center}.b3-card.red{color:#bc765f}.b3-card-back{display:grid;place-items:center;width:78px;height:124px;border:2px dashed #b1b99d;border-radius:7px;color:#afb99d;font-size:30px}.b3-hand{display:flex;width:100%;overflow-x:auto;gap:6px;padding:4px 2px 7px;scrollbar-width:thin}.e23-game .b3-hand button{padding:0;border:0;background:none;min-width:54px;flex:0 0 64px;opacity:1}.b3-hand .b3-card{width:64px;height:90px;padding:5px;font-size:12px}.b3-hand .b3-card b{font-size:26px}.b3-hand button:disabled .b3-card{filter:saturate(.65);background:#eee8d6}.b3-ghost{opacity:.45;pointer-events:none}.b3-trick-result,.b3-teamline{font-size:12px;margin:7px 0}.b3-town-board{width:min(100%,510px,var(--e23-fit,510px));display:block;aspect-ratio:1;margin:auto;touch-action:manipulation}.b3-town-board [aria-disabled=false]{cursor:pointer}.b3-town-board [aria-disabled=false]:hover>rect{stroke:#af7459;stroke-width:4}.b3-settler{fill:var(--seat-color);stroke:#fff0ce;stroke-width:3}.b3-next-tile{width:70px;height:70px;flex:none}.b3-next-tile svg{width:100%;height:100%}.b3-map-tools{display:flex;gap:4px;flex-wrap:wrap}.e23-game .b3-map-tools button{min-width:36px;min-height:36px;padding:4px 8px}.b3-quilt-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:2px;width:min(100%,450px,var(--e23-fit,450px));margin:auto;background:#cfc4aa;padding:5px;box-sizing:border-box}.e23-game .b3-quilt-cell{border:0;border-radius:1px;aspect-ratio:1;min-width:0;min-height:0;padding:0;background:#ece7d7;color:#c8bfaa;cursor:pointer;font-size:14px;opacity:1}.e23-game .b3-quilt-cell.occupied,.e23-game .b3-quilt-cell.preview{background:var(--patch);color:#efdec0}.b3-quilt-cell.preview{opacity:.45!important}.patch-0{--patch:#c77760}.patch-1{--patch:#668c79}.patch-2{--patch:#b8963e}.patch-3{--patch:#8d79a5}.patch-4{--patch:#548caa}.patch-5{--patch:#b46b90}.patch-6{--patch:#738a42}.b3-market{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.e23-game .b3-market button{min-width:0;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px}.b3-market svg{width:76px;height:45px}.b3-market small{font-size:10px;white-space:nowrap}.b3-patch-tools{display:flex;gap:5px;flex-wrap:wrap}.e23-game .b3-patch-tools button{padding:5px 9px;font-size:12px}.b3-canvas{height:min(390px,var(--e23-fit,390px));min-height:230px;touch-action:none;background:#e7e3d5;border-radius:10px}.b3-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.b3-access{font-size:12px;margin:6px 0}.b3-access summary{min-height:30px;padding:6px;cursor:pointer}.b3-track-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.b3-wood-pieces{display:flex;flex-wrap:wrap;gap:5px;width:100%}.e23-game .b3-wood-pieces button{min-width:44px;min-height:40px;padding:5px 9px}.b3-run-result{width:100%}.e23-burr #e23-scores,.e23-marbletracks #e23-scores{display:none}.e23-game #e23-actions #b3-bid{min-height:44px;min-width:70px;border:1px solid #c6c6b0;background:#f5eedc;color:inherit;border-radius:6px;font:inherit;padding:5px}.e23-hearts #e23-actions,.e23-spades #e23-actions,.e23-quilt #e23-actions{gap:6px}@media(max-width:600px){.b3-trick{gap:5px;padding:10px}.b3-card{width:60px;height:98px;padding:6px;font-size:11px}.b3-card b{font-size:29px}.b3-card-back{width:56px;height:94px}.b3-trick-slot{height:101px}.b3-hand .b3-card{width:58px;height:83px}.e23-game .b3-hand button{flex-basis:58px}.b3-canvas{height:260px}.e23-game .b3-patch-tools button{padding:4px 7px}.b3-next-tile{width:54px;height:54px}.b3-market svg{height:38px}}
.e23-quilt #e23-scores{display:none}.b3-quilt-overview{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:10px;align-items:center;margin:3px 0 7px}.b3-quilt-overview p{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.6;margin:3px 0}.b3-quilt-overview b{margin-left:auto;white-space:nowrap}.b3-quilt-overview svg{display:block;width:100%;max-height:70px}.b3-seat-dot{width:7px;height:7px;border-radius:50%;background:var(--seat-color);flex:none}.b3-quilt-mini{width:70px;height:70px}
@media(max-width:600px){.e23-hearts .e23-score,.e23-spades .e23-score{display:grid;gap:2px}.e23-hearts .e23-score span,.e23-spades .e23-score span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:380px){.e23-hearts .b3-trick,.e23-spades .b3-trick{padding:7px}.e23-hearts .b3-trick-slot,.e23-spades .b3-trick-slot{height:88px}.e23-hearts .b3-trick .b3-card,.e23-spades .b3-trick .b3-card{height:85px}.e23-hearts .b3-card-back,.e23-spades .b3-card-back{height:81px}.e23-hearts .b3-teamline,.e23-spades .b3-teamline{font-size:10px;margin:4px 0}}
.e23-game.e23-quilt #e23-actions .b3-patch-tools{display:grid;grid-template-columns:1fr 1fr 2fr;width:100%;gap:4px}.e23-game.e23-quilt #e23-actions .b3-patch-tools button{min-width:0;padding:4px 5px;min-height:44px;font-size:12px;line-height:1.25}
.e23-game.e23-hearts .e23-score,.e23-game.e23-spades .e23-score{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.e23-game.e23-hearts .e23-score span,.e23-game.e23-spades .e23-score span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.e23-game.e23-hearts .e23-score b,.e23-game.e23-spades .e23-score b{font-size:11px}
.e23-game .b3-canvas{height:min(390px,max(190px,calc(var(--e23-fit,390px) - 38px)));min-height:190px}
@media(max-width:380px){.e23-game.e23-spades .b3-trick{padding:5px;gap:3px}.e23-game.e23-spades .b3-trick-slot{height:61px}.e23-game.e23-spades .b3-trick .b3-card{height:59px;width:45px}.e23-game.e23-spades .b3-card-back{height:55px;width:43px}.e23-game.e23-spades .b3-trick-seat{gap:4px}}