/* Live spectator table: actual board, recent discards and table chat. */
.darkSpectatorPanel{
 position:fixed;inset:5vh 3vw;z-index:20000;display:none;flex-direction:column;
 box-sizing:border-box;padding:14px;overflow:hidden;color:#f5f7fb;
 background:linear-gradient(145deg,#092d25,#071b1c 70%);border:2px solid #c9a64d;border-radius:20px;
 box-shadow:0 0 0 200vmax #020609c7,0 22px 70px #000b;font-family:inherit;
}
.darkSpectatorPanel .spectatorHeader{font-size:12px;color:#aebec0;padding:0 3px 8px}
.darkSpectatorPanel .spectatorTabs,.darkSpectatorPanel .spectatorCloseRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.darkSpectatorPanel .spectatorTabs{padding-bottom:8px;border-bottom:1px solid #b99c4c}
.darkSpectatorPanel .spectatorCloseRow{justify-content:flex-end;padding:8px 0}
.darkSpectatorPanel button{cursor:pointer;border:1px solid #b69b52;border-radius:10px;padding:9px 13px;color:#f5e7bc;background:#103d32;font:inherit;font-size:13px;font-weight:700}
.darkSpectatorPanel button.active{background:#653c9b;color:#fff;border-color:#c19bff}
.darkSpectatorPanel .spectatorExit{background:#49221f;border-color:#9c5c52}
.darkSpectatorPanel .spectatorContent{flex:1;min-height:0;overflow:auto}
.darkSpectatorPanel .spectatorLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,340px);gap:14px;min-height:100%;height:100%}
.darkSpectatorPanel .spectatorMain{display:flex;flex-direction:column;min-width:0;min-height:0}
.darkSpectatorPanel .spectatorTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 4px 10px}
.darkSpectatorPanel .spectatorTitle h2{margin:0;font-size:20px}
.darkSpectatorPanel .spectatorStatus{font-size:11px;letter-spacing:.08em;color:#83e1b1;font-weight:900}
.darkSpectatorPanel .spectatorBoard{flex:1;min-height:420px;display:grid;grid-template-columns:minmax(125px,165px) minmax(180px,1fr) minmax(125px,165px);grid-template-rows:minmax(88px,auto) minmax(0,1fr) minmax(88px,auto);grid-template-areas:"top top top" "left center right" "bottom bottom bottom";gap:8px;padding:12px;border-radius:22px;border:7px solid #6d4728;box-shadow:inset 0 0 0 2px #c29a4b;background:radial-gradient(ellipse at 50% 46%,#08714c 0,#07563d 58%,#06372f 100%)}
.darkSpectatorPanel .spectatorSeat{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px 9px;border-radius:13px;border:1px solid #477b68;background:#071e1ce8}
.darkSpectatorPanel .spectatorSeat b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.darkSpectatorPanel .spectatorSeat small{font-size:10px;color:#b8ceca}
.darkSpectatorPanel .spectatorSeat.turn{outline:2px solid #aa72f7;box-shadow:0 0 15px #a06ae886}
.darkSpectatorPanel .spectatorSeat.top{grid-area:top;justify-self:center;width:min(80%,560px)}
.darkSpectatorPanel .spectatorSeat.bottom{grid-area:bottom;justify-self:center;width:min(80%,560px)}
.darkSpectatorPanel .spectatorSeat.left{grid-area:left}
.darkSpectatorPanel .spectatorSeat.right{grid-area:right}
.darkSpectatorPanel .spectatorDiscardTray{display:flex;align-items:center;gap:3px;min-height:36px;overflow:hidden}
.darkSpectatorPanel .spectatorDiscardTray>small{font-size:9px;color:#9ab4ae}
.darkSpectatorPanel .spectatorCenter{grid-area:center;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px;border:1px solid #b9a14e88;border-radius:16px;background:#06382ebd}
.darkSpectatorPanel .spectatorIndicators{display:flex;gap:12px;align-items:center}
.darkSpectatorPanel .spectatorIndicator{display:flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #bfa753;border-radius:10px;background:#271d16a8}
.darkSpectatorPanel .spectatorIndicator>small{font-size:9px;font-weight:900;color:#ebdca7}
.darkSpectatorPanel .spectatorStock{display:flex;align-items:center;gap:8px;color:#ffedaa}
.darkSpectatorPanel .spectatorStock b{font-size:20px}
.darkSpectatorPanel .spectatorStock small{font-size:9px;color:#b9cbc5}
.darkSpectatorPanel .spectatorWall{display:block;width:33px;height:45px;border:1px solid #9b7c44;border-radius:3px;background:repeating-linear-gradient(0deg,#63472f 0 4px,#856342 4px 7px)}
.darkSpectatorPanel .spectatorMelds{width:100%;max-height:45%;overflow:auto;display:flex;flex-direction:column;gap:5px}
.darkSpectatorPanel .spectatorMeldRow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:5px;border-radius:8px;background:#071d1bcf}
.darkSpectatorPanel .spectatorMeldRow>b{font-size:10px;color:#c7a5ff}
.darkSpectatorPanel .spectatorMeld{display:flex;gap:2px;padding:2px;border:1px solid #bba25266;border-radius:6px}
.darkSpectatorPanel .spectatorTile{display:inline-flex;flex:none;width:34px;height:48px;align-items:center;justify-content:center}
.darkSpectatorPanel .spectatorTile img{display:block;width:100%;height:100%;object-fit:contain}
.darkSpectatorPanel .spectatorTile.small{width:25px;height:36px}
.darkSpectatorPanel .spectatorChat{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #9d8549;border-radius:15px;background:#0b171c}
.darkSpectatorPanel .spectatorChat h3{margin:0;padding:13px 14px;border-bottom:1px solid #343b45;font-size:16px;color:#eee0b6}
.darkSpectatorPanel .spectatorMessages{flex:1;min-height:0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}
.darkSpectatorPanel .spectatorMessage{padding:9px 10px;border-radius:11px;background:#222035;border:1px solid #443856}
.darkSpectatorPanel .spectatorMessage b{color:#b78cff;font-size:12px}
.darkSpectatorPanel .spectatorMessage time{float:right;color:#99a1ad;font-size:10px}
.darkSpectatorPanel .spectatorMessage p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.darkSpectatorPanel .spectatorNoMessages,.darkSpectatorPanel .spectatorLoading,.darkSpectatorPanel .spectatorError{padding:16px;color:#b7c3c0}
@media (max-width:900px){
 .darkSpectatorPanel{inset:6px;padding:9px;border-radius:14px}
 .darkSpectatorPanel .spectatorLayout{height:auto;grid-template-columns:1fr;grid-template-rows:minmax(380px,1fr) minmax(220px,35vh);gap:9px}
 .darkSpectatorPanel .spectatorBoard{min-height:360px;grid-template-columns:minmax(68px,20%) minmax(0,1fr) minmax(68px,20%);grid-template-rows:75px minmax(0,1fr) 75px;gap:4px;padding:7px;border-width:5px}
 .darkSpectatorPanel .spectatorSeat{padding:5px;gap:3px}
 .darkSpectatorPanel .spectatorSeat b{font-size:10px}
 .darkSpectatorPanel .spectatorSeat small{font-size:8px}
 .darkSpectatorPanel .spectatorTile{width:29px;height:41px}
 .darkSpectatorPanel .spectatorTile.small{width:20px;height:29px}
 .darkSpectatorPanel .spectatorDiscardTray{min-height:29px}
 .darkSpectatorPanel .spectatorTitle h2{font-size:16px}
 .darkSpectatorPanel .spectatorContent{overflow:auto}
}
@media (min-width:1000px){
 #root main.entertainmentLobby .funTableGrid{grid-auto-rows:280px!important;grid-template-rows:none!important;align-content:start!important}
 #root main.entertainmentLobby article.tableCard.funTableCard{height:280px!important;min-height:280px!important;max-height:280px!important;aspect-ratio:auto!important;align-self:start!important;overflow:hidden!important}
 #root main.entertainmentLobby .funTableCard .tableSeatVisual{min-height:125px!important;height:125px!important;max-height:125px!important}
 #root main.entertainmentLobby .funTableCard .compactMeta{min-height:125px!important;height:125px!important;max-height:125px!important}
}