/* Mobile-only polish. Desktop remains governed by online.css. */
:root{--mobile-line:#73877840;--mobile-muted:#98aaa0}
.mobile-only{display:block}.ui-icon{display:block;width:18px;height:18px;flex:none}
body.in-room{--dock-height:calc(202px + env(safe-area-inset-bottom));font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.in-room button{border-color:var(--mobile-line);box-shadow:none;border-radius:6px}
.in-room .table-bar{padding-right:164px;gap:7px}
.in-room .table-bar h1{font-size:13px;font-weight:650;letter-spacing:0}
.in-room .room-back{width:30px;height:34px;min-height:34px;font-size:25px;background:#19271f;border-radius:5px}
.in-room header{right:7px;top:8px;height:32px}
.in-room header .top-actions{gap:3px}
.in-room header .top-actions button{width:30px;height:32px;min-height:32px;padding:5px;display:grid;place-items:center;color:#a9b8af}
.in-room .tool-label{display:none}
.in-room .social-tools{position:fixed;display:flex;top:8px;right:73px;width:95px;height:32px;min-height:32px;max-height:32px;gap:3px;z-index:9;background:none;overflow:visible}
.in-room .social-tools button{width:30px;min-width:30px;height:32px;min-height:32px;flex:0 0 30px;padding:5px;display:grid;place-items:center;color:#a9b8af;background:#17251d}
.in-room .social-tools #openTopup{display:none}
.in-room .social-tools #quickMute{font-size:13px;flex:0 0 30px}
#chatUnread{position:absolute;right:0;top:-3px;font-size:8px;min-width:12px;height:12px;margin:0}
#chatUnread[hidden]{display:none}
.in-room .room-strip{font-size:9px;color:#8c9f92}
.in-room #invite{border:0;background:none;padding:3px 5px;color:#9fbdad;font-size:9px}
.in-room .phase-bar{font-size:10px;color:#93a69a;border-color:#5c74613d;background:#16251b80;gap:16px}
.in-room .phase-bar b{font-size:10px;font-variant-numeric:tabular-nums}
.in-room #onlineTable{inset:34px 25px 30px;border-width:7px;box-shadow:inset 0 0 0 1px #8f9b81,inset 0 0 0 4px #11271b,0 0 0 1px #82927b,0 0 0 4px #1c2b20,0 10px 24px #0007}
.in-room .online-table:after{inset:9px;border-color:#b9cd9e35}
.in-room .felt-label{font-size:10px;letter-spacing:1px;top:32%;color:#adc3a32d;text-shadow:none}
.in-room .online-center{top:44%;transform:translateY(-20%)}
.in-room .online-center .card{width:31px;height:44px;padding:2px;font-size:13px;border:1px solid #b6b9a3;border-radius:3px;box-shadow:0 2px 0 #7f856e,0 3px 4px #0005}
.in-room .online-center .card .suit{font-size:24px;line-height:1}
.in-room .online-center .card.empty{border:1px dashed #75957c50;background:#0d302174;box-shadow:none}
.in-room .online-center .card.winning{outline:1px solid #d6c880;box-shadow:0 0 8px #f1db6740,0 2px 0 #9b9468}
.in-room .online-center .board{gap:3px}
.in-room .online-center .pot{margin-top:8px;font-size:11px;color:#c7d9ca;gap:5px}
.in-room .online-center .pot small{font-size:10px}
.in-room .online-center .pot b{font-size:19px;font-weight:650;letter-spacing:0}
.in-room .online-seat{width:89px}
.in-room .online-seat .seat-info{height:46px;border:1px solid #7e938b8a;border-radius:5px;box-shadow:0 2px 5px #0004;background:#1c2924f2;grid-template-columns:23px minmax(0,1fr);gap:0 4px;padding:3px 4px 0}
.in-room .online-seat .avatar{display:grid;width:23px;height:23px;font-size:11px;border-width:1px;box-shadow:0 0 0 2px #708b7050}
.in-room .online-seat .seat-info b{font-size:8px;line-height:11px;max-width:100%;font-weight:550}
.in-room .online-seat .seat-info strong{font-size:12px;line-height:15px;font-weight:650;letter-spacing:0;color:#dfcd91}
.in-room .online-seat .seat-status{min-height:12px;height:13px;line-height:12px;padding:0 2px;margin:3px -4px 0;font-size:8px;background:#50605b68;color:#d5dfd9;border-radius:0 0 4px 4px}
.in-room .online-seat.active .seat-info{border-color:#9bcaae;box-shadow:0 0 0 1px #7eb28e30}
.in-room .online-seat.active .seat-status{background:#235741}
.in-room .online-seat.winner .seat-status{background:#dac477;color:#203322}
.in-room .online-seat.folded{opacity:.55}
.in-room .online-seat.empty-seat{height:24px;width:66px;padding:5px 2px;border-radius:5px;font-size:8px;color:#849e8b;background:#16332355}
.in-room .online-seat.revealed .hole-cards{display:flex!important;position:absolute;top:5px;left:calc(100% + 5px);right:auto;transform:none;margin:0;gap:3px;height:34px;z-index:4}
.in-room .online-seat.revealed[data-side=right] .hole-cards{left:auto;right:calc(100% + 5px)}
.in-room .online-seat.revealed[data-side=center] .hole-cards{top:calc(100% + 5px);left:50%;right:auto;transform:translateX(-50%)}
.in-room .online-seat.you .hole-cards{display:none}
.in-room.showdown-hand .online-seat.you .hole-cards{display:flex!important;position:absolute;top:auto;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);height:34px;margin:0;gap:3px}
.in-room .online-seat.revealed .card,.in-room.showdown-hand .online-seat.you .card{width:24px;height:34px;padding:2px;font-size:10px;border:1px solid #c0c0a4;border-radius:3px;box-shadow:0 2px 0 #707962,0 3px 4px #0004}
.in-room .online-seat.revealed .card .suit,.in-room.showdown-hand .online-seat.you .card .suit{font-size:17px}
.in-room .online-seat .card small,.in-room .online-seat .card .bottom{display:none}
.in-room .bet-tag:not(:empty){border-radius:5px;height:18px;font-size:9px;padding:1px 5px;border-color:#91ad7950;background:#102b20e6}
.in-room .table-dock,.in-room.large-table .table-dock{grid-template-rows:52px minmax(0,1fr);padding:7px 9px calc(6px + env(safe-area-inset-bottom));gap:5px;background:#18271f;border-color:#66806c70;box-shadow:none}
.in-room .my-summary{grid-row:1;padding-bottom:5px;gap:7px;border-color:#58705e55}
.in-room .dock-body{grid-row:2}
.in-room .my-summary .card{width:28px;height:40px;font-size:12px;padding:2px;border:1px solid #a9b299;border-radius:3px;box-shadow:0 2px 2px #0004}
.in-room .my-summary .card .suit{font-size:23px;line-height:1}
.in-room .my-summary b{font-size:12px;font-weight:650}
.in-room .my-summary small{font-size:8px;font-weight:400;margin-bottom:2px;color:#94a89a}
.in-room .my-stack strong{font-size:18px;line-height:21px;font-weight:650;color:#dec98b}
.in-room .my-stack span{font-size:9px}
#heroTopup{display:flex;align-items:center;justify-content:center;width:28px;height:32px;min-height:32px;padding:4px;gap:1px;color:#9cb7a5;border:0;background:none}
#heroTopup .ui-icon{width:16px;height:16px}#heroTopup span{font-size:10px}
.in-room .action-buttons{gap:5px;margin-top:6px}
.in-room .action-buttons button{height:43px;min-height:43px;font-size:12px;border-radius:6px;padding:6px 3px;font-weight:600}
.in-room .action-buttons .fold{background:#2a2520;border-color:#87625299;color:#cfad94}
.in-room .action-buttons .call{background:#234450;border-color:#6e97a2aa;color:#d7e5e6}
.in-room .action-buttons .raise{background:#b2cfa5;border-color:#a9c6a1;color:#233620}
.in-room .presets button{font-size:10px;border-radius:5px;background:#1d3025;color:#b5c5b8;min-height:27px;padding:3px 2px}
.in-room .amount-stepper button,.in-room .amount-stepper input{border-color:#6b866d60;font-size:12px;background:#14271a}
.in-room .action-heading{font-size:10px;line-height:14px;color:#acd0b6}
.in-room #onlineActionNote{font-size:8px;color:#8ea392}
.in-room .room-controls button{height:34px;min-height:34px;font-size:10px;padding:5px 7px;border-radius:5px}
.in-room .room-controls p{font-size:9px;line-height:1.45;margin-top:4px}
.in-room #showdownPreview{display:none}
.in-room #onlineResult{border-color:#58705e55}
.in-room .result-panel h2{color:#dac88e;font-weight:650;font-size:12px}
.in-room .result-panel p{font-size:9px;color:#a0b19f}
#tableVoice,#seatQuickChat{position:absolute;bottom:4px;z-index:8;display:grid;place-items:center;color:#c0dcc5;background:radial-gradient(circle at 35% 25%,#295640,#173626);border:1px solid #819e8580;border-radius:50%;box-shadow:inset 0 0 0 2px #b3cbb51c,0 2px 5px #0005}
#tableVoice{right:1px;width:35px;height:35px;min-height:35px}#tableVoice .ui-icon{width:19px;height:19px}
#seatQuickChat{left:2px;width:30px;height:30px;min-height:30px;bottom:6px}#seatQuickChat .ui-icon{width:17px;height:17px}
#tableBubbles{position:absolute;inset:0;pointer-events:none;z-index:10}
.table-bubble{position:absolute;transform:translate(-50%,-100%);max-width:100px;min-width:30px;max-height:50px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;text-align:center;padding:6px 8px;border-radius:7px;background:#b9d4bd;color:#243c2c;font-size:11px;line-height:15px;box-shadow:0 2px 7px #0005;animation:bubble-in .16s ease-out}
.table-bubble:after{content:'';position:absolute;left:45%;bottom:-5px;border:5px solid transparent;border-top-color:#b9d4bd;border-bottom:0}
@keyframes bubble-in{from{opacity:0;transform:translate(-50%,-85%)}to{opacity:1;transform:translate(-50%,-100%)}}
/* A compact bottom sheet, with a fixed composer and a scrollable conversation. */
#chatDialog.chat-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:520px;height:min(440px,72dvh);max-height:calc(100dvh - 60px);padding:13px 12px calc(10px + env(safe-area-inset-bottom));border:1px solid #78908066;border-bottom:0;border-radius:13px 13px 0 0;background:#16251d;color:#dbe7de;box-shadow:0 -10px 45px #0006;overflow:hidden;box-sizing:border-box}
#chatDialog[open]{display:flex;flex-direction:column;gap:7px}
#chatDialog::backdrop{background:#0005;backdrop-filter:none}
#chatDialog .panel-head{flex:none;margin:0;min-height:26px;border:0;padding:0}
#chatDialog h2{font-size:14px;font-weight:650}
#chatDialog .panel-head button{min-height:29px;height:29px;width:29px;padding:0;border:0;background:none;font-size:21px;color:#91a99c}
#chatHint{font-size:10px;line-height:14px;margin:0;color:#7f9989}
#chatMessages{flex:1;min-height:50px;height:auto;border:0;padding:2px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#chatMessages:empty:before{content:'说点什么，牌桌会更热闹';display:block;text-align:center;font-size:11px;color:#7e9885;padding:24px 0}
#chatMessages .chat-message{width:max-content;max-width:84%;background:none;padding:0;margin:8px 0 10px;border-radius:0}
#chatMessages .chat-message small{font-size:9px;color:#88a48f;line-height:13px;margin:0 0 3px}
#chatMessages .chat-message p{font-size:12px;line-height:17px;padding:8px 10px;margin:0;background:#2a4032;border:1px solid #74886b35;border-radius:2px 9px 9px 9px;color:#d6e4d9;white-space:pre-wrap;overflow-wrap:anywhere}
#chatMessages .chat-message.mine{margin-left:auto}
#chatMessages .chat-message.mine small{text-align:right}
#chatMessages .chat-message.mine p{background:#a4c7aa;color:#1e3525;border-color:#b0d0b4;border-radius:9px 2px 9px 9px}
#chatMessages audio{height:34px;max-width:240px;margin-top:3px}
#quickChat{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;flex:none;padding:7px 0 0;border-top:1px solid #53695455}
#quickChat button{min-height:29px;height:29px;padding:2px;font-size:17px;background:#21362a;border:1px solid #6d89652e;border-radius:5px;color:#c7dbcb}
#quickChat button:nth-child(n+9){grid-column:span 2;font-size:10px;height:26px;min-height:26px;letter-spacing:0}
#chatForm{display:grid;grid-template-columns:minmax(0,1fr) 47px;gap:6px;margin:0;flex:none}
#chatForm label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#chatText{height:34px;min-height:34px;padding:6px 9px;font-size:16px;line-height:20px;border:1px solid #738c6e55;border-radius:5px;background:#0f2417;color:#d9e8dc}
#sendChat{height:34px;min-height:34px;padding:4px;font-size:11px;background:#a7caae;color:#1b3924;border-radius:5px}
#sendChat:disabled{opacity:.4}
#chatCount{display:none}
#recordVoice{flex:none;min-height:32px;height:32px;font-size:11px;padding:5px;background:#213c2c;border:1px solid #75996c5c;border-radius:5px;color:#bdd0c0}
#recordVoice.recording{background:#713a36;border-color:#cc8176;color:#ffe4d9}
#featureNotice{margin:0;font-size:10px;line-height:13px;min-height:0;flex:none}
#featureNotice:empty{display:none}
#voicePreview{flex:none;padding:6px;background:#20392a;border-radius:7px}
#voicePreview audio{height:34px}
#voicePreview button{font-size:10px;min-height:29px;padding:4px 9px}
.feature-dialog{font-size:12px;padding:13px;border-radius:9px;max-height:80dvh}
.feature-dialog h2{font-size:15px}.feature-dialog p{font-size:11px;line-height:1.6}.summary-player{padding:9px 0;gap:4px}.summary-player b,.summary-player strong{font-size:12px}.summary-player small{font-size:10px}
@media(max-height:640px){body.in-room{--dock-height:calc(188px + env(safe-area-inset-bottom))}.in-room #onlineTable{inset:24px 19px 26px}.in-room .online-seat .seat-info{height:40px}.in-room .online-seat{width:78px}.in-room .online-seat .avatar{width:20px;height:20px}.in-room .online-seat .seat-status{height:11px;min-height:11px;font-size:7px;margin-top:1px}.in-room .online-seat .seat-info b{font-size:7px;line-height:10px}.in-room .online-seat .seat-info strong{font-size:11px;line-height:13px}.in-room .online-center .card{width:27px;height:38px;font-size:12px}.in-room .online-center .card .suit{font-size:21px}.in-room .action-buttons button{height:40px;min-height:40px}.in-room .online-seat.revealed .hole-cards{gap:2px}.in-room .online-seat.revealed .card,.in-room.showdown-hand .online-seat.you .card{width:21px;height:29px;font-size:9px}.in-room .online-seat.revealed .card .suit,.in-room.showdown-hand .online-seat.you .card .suit{font-size:15px}}
/* Dense tables keep public cards inside each fixed seat footprint. */
.in-room.large-table .online-seat.revealed .hole-cards{left:auto!important;right:2px!important;top:3px!important;bottom:auto!important;transform:none!important;height:22px;margin:0;gap:1px}
.in-room.large-table .online-seat.revealed .card{width:14px;height:21px;font-size:7px;padding:1px;box-shadow:0 1px 1px #0004}
.in-room.large-table .online-seat.revealed .card .suit{font-size:11px}
.in-room.large-table .online-seat.revealed .seat-info{grid-template-columns:1fr}
.in-room.large-table .online-seat.revealed .avatar{display:none}
.in-room.large-table .online-seat.revealed .seat-info>div{max-width:calc(100% - 30px)}
@media(orientation:landscape) and (max-height:500px) and (min-width:761px){body.in-room{--dock-height:100%}.in-room .table-bar{padding-right:164px}.in-room .table-dock,.in-room.large-table .table-dock{grid-template-rows:52px minmax(0,1fr)}.in-room #onlineTable{inset:14px 25px 22px}.in-room header .top-actions button{display:grid}.in-room .my-summary{grid-row:1}.in-room .dock-body{grid-row:2}#chatDialog.chat-sheet{left:auto;right:0;width:300px;height:calc(100dvh - 12px);max-height:none;border-radius:10px 0 0 10px}.in-room .online-seat .seat-info{height:36px}.in-room .online-seat .seat-info b{font-size:7px}.in-room .online-seat .seat-info strong{font-size:10px}.in-room .online-seat .seat-status{height:10px;min-height:10px;margin-top:1px}}
@media(prefers-reduced-motion:reduce){.table-bubble{animation:none}}

.desktop-player-name{display:none}.mobile-player-name{display:inline}
.in-room .social-tools #quickMute{font-size:0}
.in-room #quickMute:before{content:'♪';font-size:19px;line-height:19px;color:#a2b9a9}
.in-room #quickMute[aria-pressed=true]:before{content:'∅';font-size:19px;color:#718877}
.quick-chat-dialog{position:fixed;inset:auto 0 0;width:100%;max-width:430px;margin:0 auto;padding:14px 12px calc(16px + env(safe-area-inset-bottom));border:1px solid #7b977868;border-bottom:0;border-radius:12px 12px 0 0;background:#16271d;box-sizing:border-box;color:#d3e5d7;overflow:auto;max-height:75dvh}
.quick-chat-dialog:not([open]){display:none}.quick-chat-dialog::backdrop{background:#0004}
.quick-chat-dialog .panel-head{margin-bottom:10px}.quick-chat-dialog h2{font-size:14px;font-weight:600;margin:0}.quick-chat-dialog .panel-head button{min-height:29px;height:29px;width:29px;padding:0;font-size:21px;border:0;background:none;color:#92aa9a}
.quick-phrases{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.quick-phrases button{height:36px;min-height:36px;background:#1e3626;border:1px solid #84967342;font-size:11px;border-radius:5px;padding:5px;color:#cfdecf;text-align:left;padding-left:12px}
.quick-emojis{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;border-top:1px solid #728c6542;padding-top:12px;margin-top:12px}
.quick-emojis button{height:38px;min-height:38px;font-size:22px;background:#213829;border:1px solid #84967330;padding:4px;border-radius:5px}
.online-seat.you{cursor:pointer}
.seat-status{position:relative}
.in-room .online-seat .seat-info .seat-chance{position:absolute;right:3px;top:0;display:block;max-width:none;font-size:8px;font-weight:650;line-height:12px;color:#cee8d6}
.equity-track{position:absolute;left:0;bottom:0;height:2px;width:var(--equity);background:#a2c9ab;border-radius:1px}
#mobileTableCaption{position:absolute;top:calc(100% + 12px);left:4px;right:4px;font-size:11px;line-height:15px;font-weight:650;color:#d5c07c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showdown-hand #runoutStatus{font-size:11px;color:#bdd4c2;padding:15px 4px}
/* Lower public hands sit above the outside seats, leaving the pot and winner text clear. */
.in-room .online-seat.revealed[data-arc=lower][data-side=left] .hole-cards{top:auto;bottom:calc(100% + 7px);left:0;right:auto;transform:none}
.in-room .online-seat.revealed[data-arc=lower][data-side=right] .hole-cards{top:auto;bottom:calc(100% + 7px);left:auto;right:0;transform:none}
.table-bubble{max-width:116px;max-height:none;overflow:visible;font-size:10px;line-height:14px}
.table-bubble.reaction{font-size:22px;line-height:26px;padding:4px 8px}
@media(max-height:640px){.in-room .online-seat.revealed[data-arc=lower] .hole-cards{bottom:calc(100% + 5px)}}
/* Final phone scale: quieter type and cards, with the same touch targets. */
.in-room .table-bar h1{font-size:12px}
.in-room .online-center .card{width:28px;height:40px;font-size:12px}
.in-room .online-center .card .suit{font-size:21px}
.in-room .online-center .pot b{font-size:17px}
.in-room .my-summary .card{width:25px;height:36px;font-size:11px}
.in-room .my-summary .card .suit{font-size:20px}
.in-room .my-summary b{font-size:11px}
.in-room .my-stack strong{font-size:16px;line-height:20px}
.in-room .online-seat .seat-info strong{font-size:11px}
.in-room .action-buttons button{font-size:11px}
.in-room .online-seat.revealed .card,.in-room.showdown-hand .online-seat.you .card{width:22px;height:31px;font-size:9px}
.in-room .online-seat.revealed .card .suit,.in-room.showdown-hand .online-seat.you .card .suit{font-size:16px}
.in-room #mobileTableCaption{font-size:10px}
.in-room .result-panel h2{font-size:11px}
@media(max-height:640px){.in-room .online-center .card{width:25px;height:35px;font-size:11px}.in-room .online-center .card .suit{font-size:19px}.in-room .my-summary .card{width:24px;height:34px}.in-room .online-seat.revealed .card,.in-room.showdown-hand .online-seat.you .card{width:20px;height:28px;font-size:9px}.in-room .online-seat.revealed .card .suit,.in-room.showdown-hand .online-seat.you .card .suit{font-size:14px}}
.in-room.large-table .online-seat.revealed .card{width:14px;height:21px;font-size:7px}
.in-room.large-table .online-seat.revealed .card .suit{font-size:11px}
/* Every state uses the same dock border/padding and the same board anchor. */
.in-room .table-dock,.in-room.large-table .table-dock,.in-room:not(.playing-hand) .table-dock{padding:7px 9px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #66806c70;grid-template-rows:52px minmax(0,1fr)}
.in-room .online-center{top:40%;transform:none}
.in-room .online-center .board{margin:0}
.in-room .online-center .pot{margin-top:8px}
.in-room #mobileTableCaption{top:99px}
.in-room .table-dock .action-panel{margin-top:3px}
.in-room .action-heading{line-height:13px;margin-bottom:3px}
.in-room .bet-control{grid-template-rows:25px 27px;gap:2px}
.in-room .presets button{height:25px;min-height:25px;padding:3px 2px}
.in-room .amount-stepper{height:27px}
.in-room .amount-stepper button,.in-room .amount-stepper input{height:27px;min-height:27px;padding:3px}
.in-room .bet-control input[type=range]{height:27px;min-height:27px;margin:0}
.in-room .action-buttons{margin-top:5px}
@media(max-height:640px){.in-room .online-center{top:35%}.in-room .online-center .pot{margin-top:6px}.in-room #mobileTableCaption{display:none}.in-room .bet-control{grid-template-rows:22px 23px;gap:2px}.in-room .presets button{height:22px;min-height:22px;padding:2px}.in-room .amount-stepper{height:23px}.in-room .amount-stepper button,.in-room .amount-stepper input,.in-room .bet-control input[type=range]{height:23px;min-height:23px;padding:2px}}
@media(orientation:landscape) and (max-height:500px) and (min-width:761px){.in-room .table-dock,.in-room.large-table .table-dock,.in-room:not(.playing-hand) .table-dock{border-top:0}.in-room .online-center{top:35%}}
/* Keep every public hand clear of the shared board, including short screens. */
.in-room .online-center .card,.in-room.large-table .online-center .card{width:28px;height:40px;font-size:12px}
.in-room #mobileTableCaption{left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:160px}
.in-room.large-table .online-seat.revealed[data-side=left] .hole-cards{left:2px!important;right:auto!important}
.in-room.large-table .online-seat.revealed[data-side=left] .seat-info>div{margin-left:30px}
@media(max-height:640px){
 .in-room .online-center .card,.in-room.large-table .online-center .card{width:25px;height:35px;font-size:11px}
 .in-room .online-seat.revealed[data-arc=upper][data-side=left] .hole-cards{top:auto;bottom:calc(100% + 5px);left:0;right:auto;transform:none}
 .in-room .online-seat.revealed[data-arc=upper][data-side=right] .hole-cards{top:auto;bottom:calc(100% + 5px);left:auto;right:0;transform:none}
 .in-room #potBreakdown{display:none}
}

.table-bubble{width:max-content}
/* The investment note fits with the three main actions without scrolling. */
.in-room .table-dock .action-panel{margin-top:0}
.in-room .action-buttons{margin-top:4px}
.in-room #onlineActionNote{font-size:9px;line-height:11px;margin:2px 0 0}
@media(max-height:640px){.in-room .action-heading{margin-bottom:1px}.in-room .action-buttons{margin-top:2px}}
/* 0.0.14: remove inherited header min-height and button padding that shifted SVGs. */
.in-room header{height:32px;min-height:32px;max-height:32px;padding:0;display:flex;align-items:center}
.in-room header .top-actions,.in-room .social-tools{align-items:center}
.in-room header .top-actions button,.in-room .social-tools button{padding:0;line-height:1;box-sizing:border-box}
.in-room #quickMute:before{content:none}
.in-room #tableVoice,.in-room #seatQuickChat{padding:0;min-width:0;box-sizing:border-box;line-height:1}
.in-room .card:not(.back):not(.empty){overflow:hidden;justify-content:space-between}
.in-room .card:not(.back):not(.empty)>span:first-child{display:block;flex:none;line-height:1;white-space:nowrap}
.in-room .card:not(.back):not(.empty)>span:first-child small,.in-room .card .bottom{display:none}
.in-room .card .suit{display:block;flex:none;margin:0;align-self:center;line-height:1}
.in-room .my-summary .card .suit{font-size:19px}
@media(max-height:640px){.in-room .my-summary .card .suit{font-size:17px}}
#summaryDialog{width:calc(100vw - 24px);max-width:430px;max-height:80dvh;padding:14px 12px;border-radius:12px;background:#17271e}
#summaryDialog .panel-head h2{font-size:15px;font-weight:650}
.leaderboard-meta{font-size:10px;color:#9eb3a4;margin:8px 0 12px}
.leaderboard-head{display:grid;grid-template-columns:minmax(0,1fr) 76px 58px;font-size:9px;color:#9aafa0;padding:0 6px 7px;border-bottom:1px solid #6a806346}
.leaderboard-head span:not(:first-child){text-align:right}
.leaderboard-row{display:grid;grid-template-columns:20px minmax(0,1fr) 76px 58px;align-items:center;gap:4px 3px;padding:9px 6px;border-bottom:1px solid #6a80632b}
.leaderboard-row.is-you{background:#a9d2a30c}
.leaderboard-rank{font-size:11px;color:#a2b4a5;font-variant-numeric:tabular-nums}
.leaderboard-row:first-of-type .leaderboard-rank{color:#e2cb83}
.leaderboard-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leaderboard-name em{font-size:8px;font-style:normal;font-weight:400;color:#acd2b2;margin-left:2px}
.leaderboard-row strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}
.leaderboard-refills{font-size:10px;color:#b0c0b5;text-align:right}
.leaderboard-row small{grid-column:2/-1;font-size:9px;line-height:14px;color:#93a89a}
.leaderboard-rule{font-size:9px;line-height:15px;color:#8fa697;margin:12px 3px 0}
.leaderboard-row .positive{color:#b9d6a2}.leaderboard-row .negative{color:#dba59a}.leaderboard-row .neutral{color:#a2b4a7}
/* Match the recording's compact conversation panel and avatar-backed bubbles. */
@media(orientation:portrait){#chatDialog.chat-sheet{inset:0;margin:auto;width:calc(100% - 28px);max-width:380px;height:min(410px,76dvh);max-height:calc(100dvh - 32px);padding:12px;border:1px solid #78908066;border-radius:10px;box-shadow:0 12px 45px #0007}#chatDialog::backdrop{background:#0007;backdrop-filter:blur(3px)}}
#chatMessages .chat-message{position:relative;padding-left:32px;max-width:88%;box-sizing:border-box}
#chatMessages .chat-message:before{content:attr(data-avatar);position:absolute;left:0;top:18px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:10px;color:#d8e7db;background:#486752;border:1px solid #879e8280;box-sizing:border-box}
#chatMessages .chat-message.mine{padding-left:0;padding-right:32px}
#chatMessages .chat-message.mine:before{left:auto;right:0;background:#6a6247;border-color:#c0b58a80}
#chatMessages .chat-message.mine p{background:#2b5140;color:#d8e6dc;border-color:#719d8160}
#chatMessages .chat-message.mine p:after{content:'✓';font-size:9px;color:#a2c2ac;margin-left:7px}
#chatMessages .chat-message.emoji-message p{font-size:26px;line-height:32px;padding:7px 10px}
#chatMessages .chat-message.emoji-message p:after{font-size:9px;vertical-align:bottom}