/* Bridge information on the existing Card Room felt, type, cards and controls. */
.bridge-game .game-centre{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
.bridge-game .table-top{align-items:start;gap:var(--space-2)}
.bridge-game #round-label{flex-shrink:0;white-space:nowrap}
.bridge-game .table-center{min-width:0}
.bridge-game #bridge-bidding{width:min(100%,460px);margin:auto}
.bridge-auction{max-width:100%;max-height:180px;overflow:auto;scroll-padding:var(--space-2);font-size:12px}
#bridge-bidding>.bridge-auction{height:130px;margin-bottom:var(--space-3)}
.bridge-auction table{width:100%;table-layout:fixed;border-collapse:collapse}
.bridge-auction th,.bridge-auction td{text-align:center;padding:var(--space-1);border-bottom:1px solid var(--line)}
.bridge-auction caption{color:var(--muted);padding-bottom:var(--space-1)}
.bridge-auction button{font:inherit;min-width:36px;min-height:36px;padding:var(--space-1);background:var(--ink-soft)}
.bridge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1)}
.bridge-grid button{min-width:0;min-height:44px;padding:var(--space-1);font:inherit;font-size:14px}
.bridge-grid button[aria-pressed="true"],.bridge-specials button[aria-pressed="true"]{outline:2px solid var(--lime);outline-offset:1px}
.bridge-specials{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-top:var(--space-2)}
.bridge-specials button{min-height:44px}
#bridge-meaning{min-height:4.5em;text-align:left;line-height:1.5;margin:var(--space-2) 0}
#bridge-hcp{min-height:3em;line-height:1.5}
#bridge-takeover{min-height:300px;display:grid;align-content:center;gap:var(--space-3)}
#bridge-takeover[hidden]{display:none}
#bridge-takeover label,#bridge-personal label{display:block;margin-top:var(--space-2)}
#bridge-personal select{width:100%}
#bridge-live{display:grid;gap:var(--space-3);min-height:480px}
#bridge-live[hidden]{display:none}
.bridge-extra{padding:var(--space-2);border:1px solid var(--line-strong);border-radius:var(--space-2)}
.bridge-extra>p{margin:0 0 var(--space-2);min-height:48px}
.bridge-suits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}
.bridge-suit{min-width:0;text-align:center}
.bridge-suit>div{position:relative;height:calc(58px + max(0,var(--bridge-cards) - 1) * 32px);display:flex;flex-direction:column;align-items:center}
.bridge-card{display:block;flex-shrink:0;padding:0;border:0;background:none;min-width:40px;min-height:58px;margin-bottom:-26px;position:relative}
.bridge-card .card{display:block;width:40px;height:58px;box-shadow:none;pointer-events:none}
.bridge-card .card-face{display:none}.bridge-card .compact-index{display:block}
.bridge-card .corner{font-size:13px;left:3px;top:3px}.bridge-card .corner.bottom{left:auto;top:auto;right:3px;bottom:3px}
.bridge-card.hinted{outline:3px solid var(--lime);outline-offset:2px;z-index:2}
.bridge-game button.bridge-card[aria-disabled="true"]{opacity:1;cursor:default}
.bridge-suit>.table-label{font-size:10px;overflow-wrap:anywhere}
#bridge-auction-peek summary{min-height:44px;cursor:pointer}
.bridge-game #bridge-claim-count{max-width:100%}
@media(min-width:768px){.bridge-game .table-center{padding-top:var(--seat-clear,0px)}.bridge-game #bridge-live{min-height:520px}}
@media(max-width:767px){.bridge-game #target-label{max-width:65%;overflow-wrap:anywhere}.bridge-game .table-center{margin-top:260px}.bridge-game .felt{padding-left:var(--space-3);padding-right:var(--space-3)}}

.bridge-game #turn-guide{min-height:48px}@media(max-width:767px){.bridge-game #turn-guide{min-height:84px}}

@media(min-width:1100px){.bridge-game #players .player-detail{min-width:0}.bridge-game #players .player-detail small{max-width:100%;overflow:hidden;text-overflow:ellipsis}.bridge-game #players .player-name strong{max-width:100%}}

.large-cards .bridge-extra .card{width:50px;height:72px}.large-cards .bridge-card{min-width:50px;min-height:72px;margin-bottom:-32px}.large-cards .bridge-suit>div{height:calc(72px + max(0,var(--bridge-cards) - 1) * 40px)}.large-cards .bridge-card .corner{font-size:16px}

.bridge-game #table-notice{min-height:48px}@media(max-width:767px){.bridge-game #table-notice{min-height:70px}}