/* Five-person room: the rear advertising screen has its own safe band.
   Identity stays outside the glass; dice and called values stay on it. */
body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::before{inset:calc(var(--tv-height) + var(--tv-gap) + 20px) 19% 66px;transform:rotateX(12deg);border-width:3px;border-radius:23% 23% 22% 22% / 10% 10% 12% 12%;box-shadow:inset 0 0 0 2px #101c2c,inset 0 1px 0 4px #77dbef24,inset 0 18px 25px #070d234d,0 2px 0 #b9dded,0 4px 0 #203c51,0 6px 0 #69dfee,0 12px 0 #121422,0 16px 14px #060713c9}
body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::after{inset:calc(var(--tv-height) + var(--tv-gap) + 26px) 21% 69px;transform:rotateX(12deg);border-radius:23% 23% 22% 22% / 10% 10% 12% 12%}
body.first-person-demo.at-table .table[data-seat-count="5"] .table-inlay{top:45%;max-width:48%;opacity:.65}
body.first-person-demo.at-table .table[data-seat-count="5"] .table-inlay span{font-size:10px;letter-spacing:2px}
body.first-person-demo.at-table .table[data-seat-count="5"] .table-inlay small{font-size:4px;letter-spacing:1px}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats{--portrait:56px;--profile-width:64px;--cup:56px;--own-bottom:62px;--far-cup-top:12px;--call-height:25px;--cup-gap:5px;--name-height:17px;--coin-height:18px;--name-font:12px;--coin-font:11px}
/* All five cups share one responsive size, including the foreground player. */
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you){--portrait-size:var(--portrait);--model-size:var(--cup);position:absolute;inset:0;width:100%;height:100%;transform:none;display:block;pointer-events:none}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-card{position:absolute;inset:0 auto auto 0;transform:none;display:flex;flex-direction:column;gap:2px;width:var(--profile-width);padding:2px 0 0;align-items:center;pointer-events:auto;border:0;background:none;box-shadow:none}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(2) .seat-card,body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(5) .seat-card{top:52%;transform:translateY(-20%)}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(4) .seat-card,body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(5) .seat-card{left:auto;right:0}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-avatar{width:var(--portrait);height:var(--portrait);min-width:var(--portrait);align-self:center}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-name{width:100%;font-size:var(--name-font);height:var(--name-height);line-height:var(--name-height);text-align:center}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-coins{max-width:100%;min-width:0;width:max-content;min-height:var(--coin-height);line-height:calc(var(--coin-height) - 3px);padding:1px 7px;font-size:var(--coin-font);border-radius:12px;background:#11192be8;border:1px solid #99b9d733;box-shadow:inset 0 1px 0 #ffffff08}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .cup-space{position:absolute;inset:var(--far-cup-top) auto auto 35%;transform:translateX(-50%);width:var(--model-size);height:auto;gap:var(--cup-gap);pointer-events:none}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(4) .cup-space{left:65%}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(2) .cup-space{left:28%;top:58%;transform:translate(-50%,-50%)}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(5) .cup-space{left:72%;top:58%;transform:translate(-50%,-50%)}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .cup-space{left:50%;top:auto;bottom:var(--own-bottom);transform:translateX(-50%)}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .cup-model{width:var(--model-size);height:var(--model-size)}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid{position:relative;inset:auto;transform:none;min-width:0;width:max-content;max-width:calc(var(--model-size) + 8px);height:var(--call-height);padding:1px 5px;gap:2px;font-size:10px}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid.no-call{min-width:var(--cup);font-size:10px}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .seat-card{inset:auto auto 1px 50%;transform:translateX(-50%);display:grid;grid-template-columns:var(--portrait) 70px;grid-template-rows:calc(var(--portrait) / 2) calc(var(--portrait) / 2);gap:0 7px;width:calc(var(--portrait) + 77px);height:var(--portrait);padding:0;text-align:left}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .seat-avatar{grid-column:1;grid-row:1 / 3}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .seat-name{grid-column:2;grid-row:1;align-self:end;text-align:left}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .seat-coins{grid-column:2;grid-row:2;align-self:start;margin-top:2px;justify-self:start}
/* Each pip belongs to its actual rolled face. The five dice form a 2 + 2 + 1 cluster. */
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand{position:absolute;inset:25% 0 4%;height:auto;width:100%;padding:0;gap:0;border-radius:50%;background:radial-gradient(ellipse,#344257,#131a29 75%);box-shadow:inset 0 1px 1px #a7e2f544,0 3px 0 #080f1b}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .table-hand,body.first-person-demo.at-table .table[data-seat-count="5"].is-revealed .seats .seat .table-hand{display:block}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand .die{--die-size:calc(var(--model-size) * .255);--die-rotation:-10deg;position:absolute;left:34%;top:24%;width:var(--die-size);height:var(--die-size);padding:calc(var(--die-size) * .19);gap:calc(var(--die-size) * .065);transform:translate(-50%,-50%) perspective(80px) rotateX(16deg) rotateZ(var(--die-rotation));border:1px solid #fff9;border-radius:26%;background:linear-gradient(145deg,#fffef3,#e9e7e0 54%,#d2d2d2);box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 1px #adb0b3,1px 3px 0 #8e959f,2px 5px 4px #02040b88;opacity:1;outline:none}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand .die:nth-child(2){left:66%;top:24%;--die-rotation:13deg}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand .die:nth-child(3){left:20%;top:54%;--die-rotation:-18deg}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand .die:nth-child(4){left:80%;top:54%;--die-rotation:15deg}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand .die:nth-child(5){left:50%;top:80%;--die-rotation:-8deg}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand .pip{background:#1f293b;box-shadow:inset 0 1px 1px #000b,0 1px 0 #fff7}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat.is-you,.seat) .table-hand :is(.face-1,.face-4) .pip{background:#bc323d}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat .seat-social-bubble{top:calc(var(--portrait) + 4px);bottom:auto;left:calc(var(--profile-width) + 3px);right:auto;transform:none;max-width:88px;max-height:32px;font-size:10px;z-index:8}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(2) .seat-social-bubble,body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(5) .seat-social-bubble{top:58%}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(4) .seat-social-bubble,body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat:nth-child(5) .seat-social-bubble{left:auto;right:calc(var(--profile-width) + 3px)}
body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .seat-social-bubble{left:calc(50% + 72px);top:auto;bottom:3px}
@container (max-width:330px){
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats{--portrait:50px;--profile-width:56px;--cup:48px;--own-bottom:56px;--far-cup-top:6px;--call-height:22px;--name-font:11px;--coin-font:10px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid .die{width:16px;min-width:16px;height:17px;padding:2px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid strong{font-size:14px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-coins{padding-inline:4px}
}
@container (max-height:365px){
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats{--portrait:48px;--profile-width:56px;--cup:48px;--own-bottom:54px;--far-cup-top:6px;--call-height:22px;--name-height:15px;--name-font:11px;--coin-height:16px;--coin-font:10px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::before{top:92px;bottom:60px}body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::after{top:98px;bottom:64px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid .die{width:16px;min-width:16px;height:17px;padding:2px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid strong{font-size:14px}
}
@container (max-height:310px){
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats{--portrait:40px;--profile-width:50px;--cup:36px;--own-bottom:46px;--far-cup-top:4px;--call-height:19px;--cup-gap:3px;--name-height:13px;--name-font:10px;--coin-height:14px;--coin-font:9px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::before{top:66px;bottom:52px}body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::after{top:72px;bottom:55px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid{padding-inline:3px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid strong{font-size:12px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats :is(.seat,.seat.is-you) .seat-bid .die{width:13px;min-width:13px;height:14px;padding:2px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .table-inlay{display:none}
}
@container (min-width:600px) and (min-height:500px){
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats{--portrait:72px;--profile-width:84px;--cup:84px;--own-bottom:88px;--call-height:28px;--name-height:20px;--name-font:15px;--coin-height:22px;--coin-font:13px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::before{top:138px;bottom:96px}body.first-person-demo.at-table .table[data-seat-count="5"] .table-arena::after{top:144px;bottom:100px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat.is-you .seat-card{grid-template-columns:var(--portrait) 84px;width:163px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .seats .seat .seat-bid{padding-inline:9px}
 body.first-person-demo.at-table .table[data-seat-count="5"] .table-inlay span{font-size:18px;letter-spacing:4px}
}
/* Chat, open, rush, return bid and call stay together without adding a row. */
body.depth-theme.at-table .table #room-panel.action-panel:has(#bid-controls:not([hidden])){grid-template-columns:38px minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1.1fr);column-gap:5px}
body.depth-theme.at-table .table #room-panel.action-panel>#chat-control-slot{grid-column:1;grid-row:auto;align-self:center;height:var(--action-control-height);min-height:44px}
body.depth-theme.at-table .table #room-panel.action-panel>#challenge{grid-column:2}
body.depth-theme.at-table .table #room-panel.action-panel>#rush{grid-column:3}
body.depth-theme.at-table .table #room-panel.action-panel>#return-bid{grid-column:4}
body.depth-theme.at-table .table #room-panel.action-panel>#primary{grid-column:5}
body.depth-theme.at-table .table #room-panel.action-panel:has(#bid-controls[hidden]){grid-template-columns:42px minmax(0,1fr)}
body.depth-theme.at-table .table #room-panel.action-panel:has(#bid-controls[hidden])>#primary{grid-column:2 / -1}
body.depth-theme.at-table #chat-control-slot .social-chat-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:38px;height:100%;min-height:44px;margin:0;padding:0;color:#9bebed;border:1px solid #8ddfea55;border-radius:12px;background:linear-gradient(#263d50,#1c293f);box-shadow:inset 0 1px 0 #c9f5ff24,0 2px 0 #0c1428}
#chat-control-slot .social-unread{position:absolute;top:-4px;right:-4px;min-width:16px;padding:2px 4px;border-radius:20px;background:#f69ec6;color:#23182e;font:700 9px/1 sans-serif}
body.depth-theme.at-table .table #room-panel.action-panel>#rush{display:flex;gap:3px;justify-content:center;align-items:center;height:var(--action-control-height);min-height:44px;width:100%;margin:0;padding:4px;color:#ffe9ef;background:linear-gradient(#a34474,#7e2d58);border:1px solid #fa99ca99;border-radius:13px;box-shadow:inset 0 1px 0 #ffd4eb55,inset 0 -2px 0 #542143,0 3px 0 #361631;text-shadow:none;font-size:var(--action-control-font);font-weight:800;white-space:nowrap}
body.depth-theme.at-table .table #room-panel.action-panel>#rush small{font:700 10px/1 sans-serif;color:inherit;padding:3px;border-radius:5px;background:#170d202b}
body.depth-theme.at-table .table #room-panel.action-panel>#rush:disabled{color:#8f879f;border-color:#8e81a433;background:#2b293e;box-shadow:inset 0 1px 0 #eee7ff13}
body.depth-theme.at-table .table #room-panel.action-panel>#return-bid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:var(--action-control-height);min-height:44px;margin:0;padding:4px 2px;border:1px solid #b8a4ff99;border-radius:13px;background:linear-gradient(#705297,#4c386f);color:#f4eaff;box-shadow:inset 0 1px 0 #e5d4ff55,0 3px 0 #281e40;font:800 16px/1.1 system-ui;white-space:nowrap}
body.depth-theme.at-table .table #room-panel.action-panel>#return-bid small{font:600 9px/1.2 system-ui;color:inherit}
body.depth-theme.at-table .table #room-panel.action-panel>#return-bid:disabled{color:#8f879f;border-color:#8e81a433;background:#2b293e;box-shadow:inset 0 1px 0 #eee7ff13}
body.depth-theme.at-table .table #room-panel.action-panel>#return-bid:focus-visible{outline:2px solid #bcefff;outline-offset:2px}
#turn-direction{color:#8cecec;flex:none;font:700 18px/1 system-ui}
body.depth-theme.at-table .table #room-panel.action-panel>:is(#primary,#challenge){gap:4px;padding-inline:4px;font-size:16px}
body.depth-theme.at-table .table #room-panel.action-panel>:is(#primary,#challenge)>svg{width:19px;height:19px;flex-basis:19px}
body.depth-theme.at-table .bid-wheel-labels{position:relative}
#selection-hint{position:absolute;left:50%;transform:translateX(-50%);color:#a4e8eb;font-size:10px;line-height:16px;white-space:nowrap}
@media(max-width:430px){body.depth-theme.at-table .table #room-panel.action-panel>:is(#primary,#challenge)>svg{display:none}}
@media(max-width:700px) and (orientation:landscape) and (max-height:519px){
 body.depth-theme.at-table .table #room-panel.action-panel:has(#bid-controls:not([hidden])){grid-template-columns:38px 1fr 1fr;gap:5px}
 body.depth-theme.at-table .table #room-panel.action-panel>#challenge{grid-column:2}
 body.depth-theme.at-table .table #room-panel.action-panel>#rush{grid-column:3}
 body.depth-theme.at-table .table #room-panel.action-panel>#return-bid{grid-column:1 / 3}
 body.depth-theme.at-table .table #room-panel.action-panel>#primary{grid-column:3}
 body.depth-theme.at-table .table #room-panel.action-panel>#rush small{padding:0;font-size:9px}
}