/* A quieter table: one primary betting console, visual hand reference, dealer dialogue. */
.fani-speech{position:absolute;left:calc(50% + 118px);top:18px;z-index:5;width:210px;padding:12px 16px;border:1px solid var(--line);border-radius:18px 18px 18px 4px;background:var(--surface);color:var(--text);box-shadow:0 8px 24px #0002;pointer-events:none}
.fani-speech:before{content:'';position:absolute;left:-7px;bottom:14px;width:12px;height:12px;background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.fani-speech>b{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.fani-speech>p{font-size:13px;line-height:1.5;margin:5px 0 0;font-weight:600;overflow-wrap:anywhere}
.arena:has(.fani-speech:not(.hidden)) #dealer>div:last-child{display:none}
.best-five{text-align:center;padding:12px 0 8px}.best-five>small{color:var(--muted);font-size:10px}.best-five-cards{display:flex;justify-content:center;gap:5px;margin:10px 0 4px;--card-w:40px;--card-h:57px}.best-five-cards .card-edition{display:none}
.material-tools{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.material-tools>summary{font-size:12px;color:var(--muted);cursor:pointer;min-height:28px}.material-tools[open]>summary{color:var(--text);margin-bottom:12px}
.compact-hands{display:flex;flex-wrap:nowrap;gap:8px;padding:10px;margin:10px 0 20px;overflow-x:auto;scrollbar-width:thin;align-items:stretch;scroll-padding:10px}
.compact-hands>b{flex:0 0 130px;align-self:center;line-height:1.7;letter-spacing:.4px;padding:0 8px}
.guide-tile{flex:0 0 150px;border:1px solid var(--line);border-radius:10px;padding:9px;background:var(--surface-2);color:var(--text);text-align:left;transition:border-color .15s,background .15s}
.guide-tile:hover,.guide-tile:focus-visible{border-color:var(--soft);outline-offset:2px}.guide-title{display:flex;gap:7px;font-size:10px;font-weight:600;white-space:nowrap}.guide-title>em{font-style:normal;font-weight:400;color:var(--muted);font-size:9px}
.guide-cards{display:flex;gap:3px;margin-top:9px;--card-w:23px;--card-h:33px}.guide-cards .card-edition,.guide-cards .opposite{display:none}.guide-cards .corner{font-size:9px;letter-spacing:0}.guide-cards .corner b{font-size:8px}.guide-cards .card-art{opacity:.7}.guide-tile.made-hand{border-color:#b39861;background:#b3986118;box-shadow:inset 0 0 0 1px #b3986133}
.hand-guide{max-width:860px;width:min(860px,calc(100vw - 24px))}.hand-example{padding:20px 0}.example-cards{--card-w:48px;--card-h:68px;gap:7px}.hand-example b{font-size:15px}.hand-example p{font-size:12px;max-width:340px}
body.desktop-table{padding-bottom:165px}body.desktop-table main{max-width:1580px}body.desktop-table .game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
body.desktop-table #personalPanel{padding:18px}body.desktop-table #myHandsBtn{font-size:11px}body.desktop-table #combinationHint{font-size:14px;font-weight:600;line-height:1.5}body.desktop-table .my-cards{margin:18px 0;--card-w:86px;--card-h:121px}body.desktop-table #privacyHint{font-size:11px}
body.desktop-table #actions>[data-action],body.desktop-table #call,body.desktop-table .exact-bet{display:none}
body.desktop-table .mobile-controls{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:85;width:min(1040px,calc(100vw - 48px));box-sizing:border-box;display:grid;grid-template-columns:minmax(270px,1fr) minmax(330px,1.2fr);gap:10px 25px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:14px 22px;box-shadow:0 12px 50px #0005}
body.desktop-table.my-poker-turn .mobile-controls{border-color:#ba9e6955;box-shadow:0 12px 50px #0005,0 0 0 1px #ba9e6918}
body.desktop-table .mobile-status-row{grid-column:1/-1;align-items:center}body.desktop-table .mobile-status{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.desktop-table .mobile-pot{font-size:13px;font-weight:600;color:var(--text)}
body.desktop-table .mobile-sizing{grid-column:1;grid-row:2/4;display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;align-items:center}body.desktop-table .mobile-sizing label{font-size:11px}body.desktop-table .mobile-sizing input[type=number]{width:115px;font-size:18px;padding:7px 10px}body.desktop-table .mobile-presets{grid-column:1/-1;gap:7px}body.desktop-table .mobile-presets button{min-height:30px;font-size:11px}
body.desktop-table .mobile-action-row{grid-column:2;grid-row:2;align-self:stretch;grid-template-columns:1fr 1.3fr 1.2fr;gap:9px}body.desktop-table .mobile-action-row button{min-height:51px;padding:10px;font-size:14px}body.desktop-table .mobile-controls>small{grid-column:2;grid-row:3;font-size:11px;min-height:15px}
body.desktop-table .fani-comment:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-right:10px}
body.desktop-table:not(:has(#chipTools[open])) .bet-target{display:none}body.desktop-table:has(>#pendingBet:not(.hidden)) .mobile-controls{visibility:hidden}
/* Two calm rows on desktop, instead of a 1450px tall eight-player table. */
body.desktop-table main{padding-top:8px}body.desktop-table .room-heading{margin-bottom:8px}body.desktop-table .compact-hands{margin-bottom:8px;padding:6px 10px}
body.desktop-table .arena,body.desktop-table .arena.many-seats{height:560px;min-height:560px;margin-bottom:12px;padding:0}
body.desktop-table .arena .seats,body.desktop-table .arena.many-seats .seats{inset:0;height:100%}
body.desktop-table .seat{left:var(--desk-x);top:var(--desk-y);width:150px;padding:6px;box-sizing:border-box;font-size:10px;line-height:1.25}
body.desktop-table .seat-camera,body.desktop-table .seat-camera.has-video{height:48px;margin-bottom:3px}body.desktop-table .seat-camera:not(.has-video){height:28px;font-size:20px}
body.desktop-table .seat b{font-size:10px}body.desktop-table .seat .balance{font-size:14px;margin:3px 0}body.desktop-table .seat .last-action{font-size:9px;min-height:12px;margin:2px 0}body.desktop-table .seat>small{font-size:9px}
body.desktop-table .mini-cards{position:static;transform:none;justify-content:center;margin-top:5px;--card-w:30px;--card-h:43px;gap:5px}
body.desktop-table .mini-cards .playing-card{transform:none}body.desktop-table .committed-chips{position:static;transform:none;min-width:0;max-width:none;height:22px;overflow:hidden;flex-wrap:nowrap;align-items:end;margin-top:3px;gap:0}
body.desktop-table .committed-chips .table-chip-stack{width:17px;min-width:17px;height:25px;margin:0 1px}body.desktop-table .committed-chips .table-chip-stack img{width:19px;height:20px;bottom:calc(var(--layer)*1.6px)}body.desktop-table .committed-chips .table-chip-stack small{display:none}body.desktop-table .committed-chips strong{font-size:8px;background:transparent;color:var(--text);width:auto;white-space:nowrap;margin:0 0 2px;padding:0 3px}
body.desktop-table .felt,body.desktop-table .many-seats .felt{top:155px;left:15px;right:15px;height:280px;border-width:12px;box-sizing:border-box}
body.desktop-table .board{position:absolute;top:29%;left:50%;transform:translateX(-50%);--card-w:52px;--card-h:74px;min-height:0;gap:7px}
body.desktop-table .felt-mark{position:absolute;bottom:16px;font-size:12px}body.desktop-table .phase{position:absolute;top:10px;left:50%;transform:translateX(-50%);white-space:nowrap}
body.desktop-table .pot{position:absolute;top:65%;left:50%;transform:translateX(-50%);width:90px}body.desktop-table .pot strong{font-size:22px}body.desktop-table .pot-stacks{display:none}
body.desktop-table .dealer,body.desktop-table .dealer-character{width:100px;height:100px}body.desktop-table .dealer{top:0}body.desktop-table .dealer-shoe{width:22px;height:30px;right:5px;bottom:2px}body.desktop-table .fani-speech{left:50%;transform:translateX(-50%);top:105px;width:108px;box-sizing:border-box;padding:7px 8px;border-radius:12px}body.desktop-table .fani-speech>p{font-size:11px;line-height:1.35;margin-top:3px}body.desktop-table .fani-speech>b{font-size:8px;letter-spacing:0;line-height:1.3;display:block}body.desktop-table .fani-speech:before{left:50%;top:-6px;bottom:auto;transform:translateX(-50%) rotate(135deg)}
body.desktop-table .game-layout>aside>#results:not(:empty){margin:0 0 14px;padding:12px;border:1px solid #b3986155;border-radius:12px;background:var(--surface);font-size:12px}body.desktop-table .game-layout>aside .winner-detail{padding:6px 0}body.desktop-table .game-layout>aside .winner-detail>small{font-size:10px}
body.mobile-table .fani-speech,body.mobile-table .best-five,body.mobile-table .material-tools,body.tv-mode .fani-speech,body.tv-mode .best-five{display:none}
body.mobile-table .compact-hands{padding:3px 7px;margin:3px 0 5px;gap:9px;height:24px}body.mobile-table .guide-tile{flex:none;border:0;padding:0;background:transparent;box-shadow:none;border-radius:3px}body.mobile-table .guide-title{font-size:9px;gap:3px;line-height:16px}body.mobile-table .guide-title>em{font-size:8px}body.mobile-table .guide-cards{display:none}body.mobile-table .guide-tile.made-hand{color:#b39861}
body.mobile-table .fani-comment{border:1px solid var(--line);border-radius:7px 7px 7px 2px;background:var(--surface-2);padding:2px 5px;font-size:10px;box-sizing:border-box}
body.mobile-table .fani-comment:before{content:attr(data-label) ' · ';font-size:9px;color:var(--muted)}
body.tv-cinema .fani-speech{display:none}
@media(max-width:1000px){.fani-speech{left:calc(50% + 90px);width:150px;padding:10px}.fani-speech>p{font-size:11px}body.desktop-table .game-layout{grid-template-columns:minmax(0,1fr) 254px;gap:18px}}
@media(max-width:780px){.fani-speech{left:auto;right:8px;top:0;width:140px}.example-cards{--card-w:35px;--card-h:50px}.hand-example b{font-size:13px}.hand-example p{font-size:11px}}
@media(min-width:781px) and (max-height:850px){body.desktop-table .arena,body.desktop-table .arena.many-seats{height:480px;min-height:480px}body.desktop-table .felt,body.desktop-table .many-seats .felt{top:125px;height:230px}body.desktop-table .seat-camera,body.desktop-table .seat-camera.has-video{height:28px}body.desktop-table .seat-camera:not(.has-video){height:20px}body.desktop-table .mini-cards{--card-w:24px;--card-h:34px}body.desktop-table .guide-tile{padding:6px 9px}body.desktop-table .guide-cards{--card-w:20px;--card-h:28px;margin-top:6px}body.desktop-table .dealer,body.desktop-table .dealer-character{width:80px;height:80px}body.desktop-table .fani-speech{top:85px}}
@media(min-width:781px) and (max-width:1200px){body.desktop-table main{padding-left:24px;padding-right:24px;padding-top:0}body.desktop-table .room-heading{margin-bottom:4px}body.desktop-table .game-layout{grid-template-columns:minmax(0,1fr) 254px;gap:18px}body.desktop-table .seat{width:120px}body.desktop-table .fani-speech{width:82px;padding:6px}body.desktop-table .fani-speech>p{font-size:10px}body.desktop-table .fani-speech>b{font-size:7px}}
@media(min-width:781px) and (max-height:850px){body.desktop-table .mobile-controls{padding:10px 18px;gap:6px 18px}body.desktop-table .mobile-sizing{gap:4px 10px}body.desktop-table .mobile-sizing input[type=number]{padding:4px 8px;min-height:30px;font-size:16px}body.desktop-table .mobile-presets button{min-height:24px}body.desktop-table .mobile-action-row button{min-height:42px;font-size:13px}body.desktop-table .mobile-status{font-size:12px}body.desktop-table .mobile-controls>small{font-size:10px;min-height:12px}}
@media(min-width:1101px) and (max-height:760px){body.desktop-table .arena,body.desktop-table .arena.many-seats{height:420px;min-height:420px}body.desktop-table .seat.desk-bottom{top:80%}body.desktop-table .felt,body.desktop-table .many-seats .felt{top:125px;height:200px}body.desktop-table .board{--card-w:44px;--card-h:62px}body.desktop-table .seat-camera,body.desktop-table .seat-camera.has-video{height:18px}body.desktop-table .mini-cards{--card-w:22px;--card-h:31px}body.desktop-table .compact-hands>b{font-size:8px;line-height:1.3}body.desktop-table .guide-cards{display:none}body.desktop-table .dealer,body.desktop-table .dealer-character{width:65px;height:65px}body.desktop-table .fani-speech{top:70px}body.desktop-table .mobile-controls{padding:10px 18px;gap:6px 18px}body.desktop-table .mobile-sizing{gap:4px 10px}body.desktop-table .mobile-sizing input[type=number]{padding:4px 8px;min-height:30px;font-size:16px}body.desktop-table .mobile-presets button{min-height:24px}body.desktop-table .mobile-action-row button{min-height:42px;font-size:13px}body.desktop-table .mobile-status{font-size:12px}body.desktop-table .mobile-controls>small{font-size:10px;min-height:12px}}
@media(prefers-reduced-motion:reduce){.guide-tile{transition:none}}
