/* Multiplayer room. Seats surround a single dealer, not a grid of hands. */
.br-screen .board[data-game="blackjack_multi"]{padding:0;background:#101c18;border:1px solid #ae965347;box-shadow:0 20px 50px #0005;overflow:hidden}
.br-screen .board[data-game="blackjack_multi"]::before{display:none}
.br-topline{display:flex;justify-content:space-between;gap:6px;padding:15px 13px;color:#9dad9b;font-size:8px;letter-spacing:.12em}
.br-connection{color:#b2d6c1}.br-connection::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#7ce3ad;box-shadow:0 0 9px #7ce3ad66;margin:0 5px 1px 0}
.br-felt{position:relative;margin:0 8px 10px;height:603px;border:5px solid #383b2a;border-radius:46% 46% 35% 35% / 18% 18% 20% 20%;background:radial-gradient(ellipse at 50% 27%,#1e6352,#104234 57%,#0a2d24);box-shadow:inset 0 0 60px #001d1788,0 0 0 1px #b9a26850,0 6px 20px #0008}
.br-inner-rail{position:absolute;inset:9px;border:1px solid #cab58336;border-radius:inherit;pointer-events:none}
.br-dealer{position:absolute;left:50%;top:17px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#dbcfac;width:150px}
.br-dealer-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#dac997,#9b8452);color:#1b3429;font:24px Georgia,serif;box-shadow:0 3px 14px #0004}
.br-dealer>small{font-size:8px;letter-spacing:.23em}
.br-dealer-cards{display:flex;justify-content:center;min-height:58px;flex-wrap:wrap;row-gap:4px}
.br-dealer-score{position:absolute;top:90px;left:calc(50% + 45px);font-size:11px;background:#071e16b3;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}
.br-brand{position:absolute;top:158px;left:0;right:0;text-align:center;color:#c6b278;font:700 16px Georgia,serif;letter-spacing:.14em;opacity:.8;pointer-events:none}
.br-brand span,.br-brand small{display:block;font:7px sans-serif;letter-spacing:.22em;margin-top:5px;color:#a6b89b}.br-brand small{color:#6c9780;font-size:6px}
.br-seat{position:absolute;z-index:2;width:101px;min-height:122px;display:flex;flex-direction:column;align-items:center;text-align:center;background:none;border:0;padding:0;color:#ddd8c3}
.br-seat-1{left:0;top:218px}.br-seat-2{right:0;top:218px}
.br-seat-3{left:2%;top:355px}.br-seat-4{right:2%;top:355px}
.br-seat-5{left:15%;bottom:8px}.br-seat-6{right:15%;bottom:8px}
.br-avatar{position:relative;display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;background:#233c31;border:1px solid #a7b58668;font:15px Georgia,serif;color:#ddc98c;box-shadow:0 3px 8px #001e1866}
.br-avatar em{position:absolute;right:-15px;top:-4px;padding:2px 4px;border-radius:4px;background:#263e31;color:#d9c68d;font:6px sans-serif;letter-spacing:.03em}
.br-active .br-avatar{border-color:#e4c874;box-shadow:0 0 0 3px #e4c87430,0 0 20px #e4c87440}
.br-active .br-avatar::before{content:"";position:absolute;inset:-5px;border-radius:50%;background:conic-gradient(#e6ce83 var(--turn-progress,100%),#49665740 0);mask:radial-gradient(transparent 63%,#000 66%);-webkit-mask:radial-gradient(transparent 63%,#000 66%)}
.br-mine .br-avatar{background:#746a3c;color:#fff0bd}
.br-name{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 5px;font-size:9px;line-height:1.3;font-weight:600}.br-name span{color:#83a28e;font-size:7px}
.br-hand{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:43px;width:100%;row-gap:3px}
.br-card{position:relative;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:30px;height:43px;border-radius:4px;margin-left:-6px;background:linear-gradient(150deg,#fffdf2,#dddccf);color:#151c17;box-shadow:1px 3px 7px #00180f66}
.br-card:first-child{margin-left:0}.br-card b{font-size:14px;line-height:1}.br-card i{font-size:13px;font-style:normal;line-height:1.1}.br-card small{position:absolute;right:2px;bottom:2px;font-size:5px;transform:rotate(180deg)}
.br-dealer-cards .br-card{width:39px;height:55px}.br-dealer-cards .br-card b{font-size:19px}.br-dealer-cards .br-card i{font-size:17px}
.br-card.br-red{color:#c94f46}.br-card.br-back{background:repeating-linear-gradient(45deg,#203f35 0 3px,#2b5042 3px 5px);color:#c3ae74;border:2px solid #d4cba9;font-size:19px}
.br-score{align-self:center;font-size:10px;border-radius:6px;background:#071f18bb;padding:3px 4px;margin-left:4px;color:#e4d49e}.br-score.br-bust{color:#f6a39c}
.br-stake{font-size:8px;color:#d3c393;margin-top:5px;font-weight:700}.br-stake::before{content:"";display:inline-block;width:6px;height:6px;border:1px dashed #ddc878;border-radius:50%;margin-right:4px}
.br-verdict{display:block;font-size:6px;letter-spacing:.05em;color:#8eae9b;margin-top:3px}.br-active .br-verdict{color:#f0d58a}.br-payout{font-size:6px;color:#a2d8b6;margin-top:2px}.br-lost .br-hand{opacity:.55}
.br-chip{width:24px;height:24px;display:grid;place-items:center;border:2px dashed #c6b37b;border-radius:50%;color:#c6b37b;background:#293e2d;font-size:13px}
.br-empty{cursor:pointer;justify-content:center;min-height:112px;color:#92b49f}
.br-empty .br-avatar{width:36px;height:36px;background:#0c342b88;border:1px dashed #9cb19088;color:#acc1a8;font:21px sans-serif;box-shadow:none}
.br-empty>b{font-size:9px;font-weight:500;margin-top:7px}.br-empty>small{font-size:6px;letter-spacing:.12em;margin-top:4px;opacity:.7}
.br-empty:disabled{cursor:default;opacity:.48}.br-empty:not(:disabled):hover .br-avatar,.br-selected .br-avatar{border-color:#e3ce84;color:#f2df9e;background:#4b54322e;box-shadow:0 0 0 5px #c9b66410}
.br-empty:focus-visible{outline:1px solid #e3ce84;outline-offset:2px;border-radius:40%}
.br-center-state{position:absolute;left:35%;right:35%;top:308px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:9px;color:#d2c699;overflow-wrap:anywhere}
.br-center-state b{font:25px Georgia,serif;color:#eee0b5}.br-center-state span{line-height:1.4}
.br-screen .betbar{position:sticky;bottom:0;z-index:5;background:#142018f5;border:1px solid #c9b97e30;box-shadow:0 -10px 25px #05110c33}
.br-seat-choice{font-size:10px;color:#cfc09a;text-align:center;margin:9px 0}
.br-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.br-action-row button{font-size:10px;padding:12px 3px;min-height:42px}
.br-wait-message,.br-offline{font-size:11px;text-align:center;color:#b9c7b6;padding:6px}.br-offline{color:#e0bc7d}
.br-rules{text-align:left;padding:12px 3px;font-size:10px;line-height:1.8}.br-rules summary{cursor:pointer;color:#b3b19a}
.br-proof{text-align:left;font-size:10px}.br-proof summary{cursor:pointer;color:#b3b19a}.br-proof small,.br-proof code{display:block;margin-top:8px}.br-proof code{word-break:break-all;color:#a7c9b1;font-size:9px}
.br-loading{padding:100px 20px;text-align:center;color:#9bbcaa}
.br-deal{animation:brDeal .28s ease-out backwards}
@keyframes brDeal{from{opacity:0;transform:translateY(-15px) rotate(-8deg)}to{opacity:1;transform:none}}
@media(max-width:360px){.br-topline{font-size:7px;padding:13px 9px;letter-spacing:.06em}.br-felt{margin:0 4px 8px;border-width:3px;height:599px}.br-seat{width:87px}.br-seat-5{left:13%}.br-seat-6{right:13%}.br-name{font-size:8px}.br-center-state{left:34%;right:34%;font-size:8px}.br-brand{font-size:14px}.br-dealer-cards .br-card{width:34px;height:49px}}
@media(min-width:520px){.br-seat{width:125px}.br-seat-1{left:5%}.br-seat-2{right:5%}.br-seat-3{left:8%}.br-seat-4{right:8%}.br-seat-5{left:22%}.br-seat-6{right:22%}.br-card{width:35px;height:48px}.br-name{font-size:11px}.br-stake{font-size:10px}.br-verdict,.br-payout{font-size:8px}}
@media(prefers-reduced-motion:reduce){.br-deal{animation:none}}
/* Compact portrait layout: table + actions fit without a long page. */
.br-screen .board[data-game="blackjack_multi"]{min-height:0}
.br-room{min-height:0;height:448px}
.br-felt{height:425px;min-height:0;margin-bottom:4px;border-width:3px}
.br-dealer{top:10px}.br-dealer-cards{min-height:48px}.br-dealer-cards .br-card{width:32px;height:45px}.br-dealer-cards .br-card b{font-size:16px}.br-dealer-cards .br-card i{font-size:14px}
.br-brand{top:114px;font-size:13px}.br-brand span{font-size:6px;margin-top:3px}.br-brand small{font-size:5px;margin-top:3px}
.br-seat{width:88px;min-height:100px}.br-seat-1{top:142px}.br-seat-2{top:142px}.br-seat-3{top:246px}.br-seat-4{top:246px}.br-seat-5{bottom:4px}.br-seat-6{bottom:4px}
.br-avatar{width:27px;height:27px;font-size:12px}.br-name{margin:2px 0 3px;font-size:8px}.br-hand{min-height:36px}.br-card{width:26px;height:37px;margin-left:-5px}.br-card b{font-size:12px}.br-card i{font-size:11px}.br-card small{font-size:4px}.br-score{font-size:9px;padding:2px 3px}.br-stake{font-size:7px;margin-top:2px}.br-verdict,.br-payout{font-size:5px;margin-top:2px}.br-chip{width:20px;height:20px;font-size:11px}
.br-center-state{top:199px;font-size:8px;gap:2px}.br-center-state b{font-size:21px}
.br-screen .betbar{padding:9px 10px}.br-screen .betbar .field{margin-bottom:7px}.br-seat-choice{margin:5px 0;font-size:9px}.br-action-row button{min-height:37px;padding-top:8px;padding-bottom:8px}
.br-screen .ghist{margin-top:8px}.br-screen .gfair{padding:8px 10px}.br-screen .gfair-btn{height:34px;font-size:11px}
@media(max-width:360px){.br-room{height:438px}.br-felt{height:415px}.br-seat{width:80px}.br-seat-3,.br-seat-4{top:238px}.br-seat-5,.br-seat-6{bottom:2px}}
/* Final compact polish: keep the title below the dealer cards and make the stake tidy. */
.br-brand{top:133px}
.br-seat-1,.br-seat-2{top:174px}.br-seat-3,.br-seat-4{top:273px}
.br-screen .betbar{padding:8px 10px;border-radius:15px;background:linear-gradient(160deg,#1b281d,#111c15)}
.br-screen .betbar .field{margin-bottom:6px}.br-screen .betbar .field label{font-size:9px;letter-spacing:.02em;color:#b9b28f}
.br-screen .bet-input{height:42px;padding:4px 5px;border-radius:12px;background:#202b1a;border-color:#756d3d55;gap:4px}
.br-screen .bet-input input{height:32px;min-width:0;font-size:14px;background:#182317;border-radius:8px;padding:0 9px}
.br-screen .bet-input .chip{height:30px;min-width:31px;padding:0 7px;border-radius:8px;font-size:10px}
@media(max-width:360px){.br-seat-3,.br-seat-4{top:265px}}
/* Keep the compact felt size; the room includes its header and bottom rail. */
.br-screen .board[data-game="blackjack_multi"]{min-height:0;overflow:hidden;justify-content:flex-start}
.br-room{height:auto;min-height:0;display:flow-root;padding-bottom:8px}
.br-felt{margin-bottom:0}
.br-brand{top:133px;font-size:20px;letter-spacing:.14em;opacity:.95}
.br-brand span{font-size:7px}.br-brand small{font-size:6px}
@media(max-width:360px){.br-room{height:auto;min-height:0}.br-brand{font-size:18px}}
/* Fast final table fix: compact full outline, no clipped oval. */
.br-screen .board[data-game="blackjack_multi"]{min-height:0;height:auto;overflow:hidden;padding:0;box-sizing:border-box}
.br-room{height:500px;min-height:500px;overflow:hidden;padding:0 8px 8px;box-sizing:border-box}
.br-topline{padding:11px 5px;font-size:8px}
.br-felt{height:458px;min-height:458px;margin:0;border:2px solid #8e855b;border-radius:28px;background:radial-gradient(ellipse at 50% 30%,#1c6d59,#10473a 60%,#0a3028);box-shadow:inset 0 0 45px #001d1788,0 3px 12px #0007;box-sizing:border-box}
.br-inner-rail{inset:7px;border-radius:22px}
.br-dealer{top:12px}.br-dealer-cards{min-height:45px}.br-dealer-cards .br-card{width:32px;height:45px}.br-dealer-cards .br-card b{font-size:16px}.br-dealer-cards .br-card i{font-size:14px}
.br-brand{top:125px;font-size:19px;opacity:.9}.br-brand span{font-size:6px}.br-brand small{font-size:5px}
.br-seat{width:88px;min-height:96px}.br-seat-1,.br-seat-2{top:163px}.br-seat-3,.br-seat-4{top:260px}.br-seat-5,.br-seat-6{bottom:8px}
.br-avatar{width:27px;height:27px;font-size:12px}.br-name{font-size:8px;margin:2px 0 3px}.br-hand{min-height:37px}.br-card{width:27px;height:38px}.br-card b{font-size:12px}.br-card i{font-size:11px}.br-score{font-size:9px}.br-stake{font-size:7px;margin-top:2px}.br-verdict,.br-payout{font-size:5px}.br-chip{width:21px;height:21px;font-size:11px}
.br-center-state{top:220px}.br-center-state b{font-size:21px}
.br-screen .betbar{position:relative;bottom:auto;margin-top:8px}
@media(max-width:360px){.br-room{height:467px;min-height:467px}.br-felt{height:425px;min-height:425px}.br-seat{width:78px}.br-seat-1,.br-seat-2{top:150px}.br-seat-3,.br-seat-4{top:242px}.br-seat-5,.br-seat-6{bottom:6px}.br-brand{top:119px;font-size:18px}.br-center-state{top:204px}}