/* Broadcast presentation. Selectors deliberately exclude lobby and other fields. */
html[data-stage=broadcast] .playing{--broadcast-ink:#0b1425;--broadcast-gold:#c8ab69;background:#080b12}
html[data-stage=broadcast] .playing header{background:linear-gradient(#151923,#090e18);border-bottom:1px solid #8f764447}
html[data-stage=broadcast] .playing main{max-width:1720px;padding:6px 12px}
html[data-stage=broadcast] .playing .game-layout{grid-template-columns:minmax(0,1fr) 240px;gap:10px}
html[data-stage=broadcast] .playing .play-area{border:1px solid #796744;border-radius:12px;background:#090e18;overflow:hidden;grid-template-areas:"stats strip" "venue venue" "notice notice" "arena arena" "pots pots" "timer timer" "controls controls" "footer footer";grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto auto}
html[data-stage=broadcast] .playing .stats{padding:5px 12px;gap:8px;border:0;border-radius:0;background:#0d1421}
html[data-stage=broadcast] .playing .stats>div{padding:2px 0 2px 8px;border-color:#bca16b30}
html[data-stage=broadcast] .playing .stats span{font-size:10px;letter-spacing:1px;margin-bottom:2px;color:#b8b9b9}
html[data-stage=broadcast] .playing .stats strong{font-size:14px;color:#eddbb1}
html[data-stage=broadcast] .playing #levelProgress{font-size:12px}
html[data-stage=broadcast] .playing .tournament-strip{padding:4px 10px;background:#0d1421;border:0;gap:7px;font-size:11px;align-content:center}
html[data-stage=broadcast] .playing .tournament-strip button{background:linear-gradient(#242c3b,#111927);border:1px solid #9a845653;border-radius:20px;color:#ebdfc2;font-size:11px;padding:5px 8px}
html[data-stage=broadcast] .playing .difficulty-badge{display:none}
html[data-stage=broadcast] .playing .venue-identity{min-height:32px;padding:5px 16px;gap:8px;background:linear-gradient(90deg,#131b2b,#0a101bcc,#21212a);border-block:1px solid #d2b57845}
html[data-stage=broadcast] .playing .venue-emblem{font-size:20px;width:22px}
html[data-stage=broadcast] .playing .venue-identity>div{flex-direction:row;align-items:center;gap:18px}
html[data-stage=broadcast] .playing .venue-identity strong{font:600 14px Georgia,serif;letter-spacing:2px;color:#ecd7a0}
html[data-stage=broadcast] .playing #venueSlogan{font-size:10px;letter-spacing:1px;color:#a79d8c}
html[data-stage=broadcast] .playing .fictional-label{font-size:9px;line-height:1.2}
html[data-stage=broadcast] .playing .arena{isolation:isolate;background:linear-gradient(0deg,#060a13c9,transparent 42%,#060a131c),var(--theme-venue) center 42%/cover no-repeat}
html[data-stage=broadcast] .playing .felt{inset:15% 7% 15%;border:16px solid transparent;border-radius:48%;background:radial-gradient(ellipse at 48% 18%,#07734842,#001d1ca6),linear-gradient(#085c4280,#034332a6),url('venues/felt.webp') center/cover padding-box,linear-gradient(174deg,#e8d69b 0%,#5b421f 14%,#d5b264 24%,#fff0b7 28%,#705323 34%,#171a21 48%,#97804b 70%,#f1d18a 88%,#403423 100%) border-box;box-shadow:0 0 0 2px #100f0d,0 0 0 4px #d6bc73,0 0 0 8px #1d2027,0 0 0 10px #aa8c4c,0 16px 0 8px #080b11,0 20px 0 9px #7e6536,0 30px 28px 12px #000b,inset 0 3px 4px #fff1a65c,inset 0 0 48px 8px #001c18b3}
html[data-stage=broadcast] .playing .felt-line{inset:9px;border:1px solid #d9bd6b75;border-radius:48%;box-shadow:0 0 0 1px #001e15aa}
html[data-stage=broadcast] .playing .table-wordmark{top:16%;font-family:Georgia,serif;color:#e5d39838}
html[data-stage=broadcast] .playing .table-wordmark b{font-size:12px;letter-spacing:4px}
html[data-stage=broadcast] .playing .seat:not(.hero){width:128px}
html[data-stage=broadcast] .playing .seat .player-box{justify-content:center;text-align:center;min-height:52px;padding:10px 8px 6px;background:linear-gradient(155deg,#243047 0%,#111a2c 44%,#080d19 100%)!important;border:1px solid #c0a66c!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffedb445,inset 0 -2px 5px #000b,0 5px 10px #000b,0 0 0 1px #030811}
html[data-stage=broadcast] .playing .player-info{width:100%;text-align:center}
html[data-stage=broadcast] .playing .seat .player-name{font-size:12px;color:#ece6d8;line-height:16px;margin:0;overflow:hidden;text-overflow:ellipsis}
html[data-stage=broadcast] .playing .seat .player-info b{font:700 18px/22px 'DM Sans',sans-serif;color:#f0d698;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
html[data-stage=broadcast] .playing .position{width:29px;height:29px;min-width:29px;padding:0;right:-15px;top:15px;border:1px solid #dfc686;background:radial-gradient(circle at 35% 20%,#64583d,#282d37 70%);color:#fff1ce;font-size:9px;border-radius:50%;box-shadow:0 2px 4px #0009}
html[data-stage=broadcast] .playing .position.dealer{background:linear-gradient(#fff2ce,#c3a266);color:#28231c}
html[data-stage=broadcast] .playing .seat-cards{margin-bottom:-5px;min-height:34px;gap:3px}
html[data-stage=broadcast] .playing .seat:not(.hero) .card.small{width:27px;height:38px;border:1px solid #a4b8b0;border-radius:4px;background-color:#153e3f}
html[data-stage=broadcast] .playing .seat:not(.hero) .card.small:not(.back){background:#f5efdf}
html[data-stage=broadcast] .playing .participation-tag{top:-8px;padding:1px 7px;border-radius:6px;background:linear-gradient(#3e354e,#201d33);border:1px solid #c1a4cf;font-size:10px;line-height:14px;color:#f6eaff;box-shadow:0 1px 5px #0008}
html[data-stage=broadcast] .playing .state-in .participation-tag{background:linear-gradient(#b7f0dc,#71b99e);border-color:#d5ffe5;color:#103b30}
html[data-stage=broadcast] .playing .seat.state-in .player-box{border-color:#aeefd0!important;box-shadow:0 0 0 1px #639f85,0 0 12px #8de3b44d,inset 0 1px #effff42b}
html[data-stage=broadcast] .playing .state-allin .participation-tag{background:#793149;color:#ffdfbd;border-color:#e9aa83}
html[data-stage=broadcast] .playing .seat.hero{width:250px;grid-template-columns:auto 142px;gap:0 8px;top:87%}
html[data-stage=broadcast] .playing .seat.hero .player-box{min-width:0;min-height:60px;border:2px solid #f1d28a!important;background:linear-gradient(135deg,#293448,#0a1221 65%)!important;box-shadow:inset 0 1px #fff0b671,0 0 0 2px #181d29,0 0 16px #f1cb715c}
html[data-stage=broadcast] .playing .hero .player-name{color:#ffe4a0}
html[data-stage=broadcast] .playing .hero .player-info b{font-size:21px;line-height:26px}
html[data-stage=broadcast] .playing .hero .card{width:46px;height:65px;border:1px solid #e2d8b9;border-radius:5px;background:linear-gradient(120deg,#fffef1,#e9e4d4);box-shadow:0 5px 9px #0008;transform:rotate(-4deg)}
html[data-stage=broadcast] .playing .hero .card+ .card{transform:rotate(2deg)}
html[data-stage=broadcast] .playing .hero .card b{font-size:23px}
html[data-stage=broadcast] .playing .hero .card i{font-size:26px}
html[data-stage=broadcast] .playing .seat.acting .player-box{outline:1px solid #ffedb7;outline-offset:3px;box-shadow:0 0 18px #efd89477}
html[data-stage=broadcast] .playing .folded:not(.hero){opacity:.48}
html[data-stage=broadcast] .playing .state-folded .player-info{opacity:1}
html[data-stage=broadcast] .playing .state-folded .seat-cards{opacity:.6;filter:grayscale(1)}
html[data-stage=broadcast] .playing .state-folded .participation-tag{background:#323a43;color:#ddd;border-color:#89908f}
html[data-stage=broadcast] .playing .action-label{font-size:11px;margin-top:4px;color:#d3d7d0}
html[data-stage=broadcast] .playing .raise-ticket{padding:3px 8px;border-radius:6px;border:1px solid #d8b0eb;background:linear-gradient(#7d5398,#45205c);box-shadow:inset 0 1px #f3d7ff47,0 3px 6px #0008}
html[data-stage=broadcast] .playing .ticket-allin{background:linear-gradient(#ad405d,#651c39);border-color:#ffc1bd}
html[data-stage=broadcast] .playing .latest-raiser .bet{display:none}
html[data-stage=broadcast] .playing .bet{padding:3px 8px;border:1px solid #c2a469;border-radius:16px;background:linear-gradient(#283b35,#10211e);color:#fff1c8;font-size:11px;box-shadow:0 2px 5px #0009}
html[data-stage=broadcast] .playing .bet i{width:13px;height:13px;border:3px dashed #fff0cf;background:#af3a25;margin-right:5px}
html[data-stage=broadcast] .playing .turn-pointer{background:linear-gradient(#d1f1ff,#87b8d0);color:#102b42;border:1px solid #e1f4ff;border-radius:4px;font-size:11px;box-shadow:0 2px 7px #0009}
html[data-stage=broadcast] .playing .board-area{top:45%;transform:translate(-50%,-35%)}
html[data-stage=broadcast] .playing .street{font-size:12px;letter-spacing:2px;color:#eee5c9;font-weight:600}
html[data-stage=broadcast] .playing .community{gap:6px;margin:10px 0 12px}
html[data-stage=broadcast] .playing .community .card{width:48px;height:67px;border-radius:5px}
html[data-stage=broadcast] .playing .card.ghost{border:1px dashed #c8b67599;background:linear-gradient(135deg,#124c3980,#042e2580);box-shadow:inset 0 2px 8px #001e1c80}
html[data-stage=broadcast] .playing .pot{gap:16px;min-width:195px;justify-content:center;padding:8px 20px;background:linear-gradient(160deg,#38402d,#111b20 55%,#080f17);border:2px solid #d4b46b;border-radius:30px;box-shadow:inset 0 2px 2px #ffedac52,0 0 0 3px #0b171c,0 0 0 4px #9d874b,0 5px 12px #000b}
html[data-stage=broadcast] .playing .pot span{font-size:11px;color:#e1c98c;letter-spacing:1px}
html[data-stage=broadcast] .playing .pot strong{font-size:26px;line-height:30px;color:#ffe19a;font-variant-numeric:tabular-nums}
html[data-stage=broadcast] .playing .pot-players{background:#09281fec;border:1px solid #b7c5a787;color:#e8efdb;border-radius:7px;padding:4px 10px;font-size:11px;margin-top:9px;box-shadow:0 2px 5px #0008}
html[data-stage=broadcast] .playing .control-deck{background:linear-gradient(#152030,#0b1220);border-color:#b0965966;padding:10px 16px}
html[data-stage=broadcast] .playing .action-alert{background:#101726;border:1px solid #a889bc66;border-radius:7px;box-shadow:inset 3px 0 #ac7bd0;min-height:0;padding:7px 10px;margin-bottom:7px;font-size:12px}
html[data-stage=broadcast] .playing .action-alert strong{font-size:17px}
html[data-stage=broadcast] .playing .action-timer{background:#0a121f;color:#c9e9db}
html[data-stage=broadcast] .playing .side-card{padding:14px;background:linear-gradient(#141e2e,#0c1422);border:1px solid #84714b55;border-top:2px solid #b99b5b;border-radius:10px}
html[data-stage=broadcast] .playing .side-card h2{font-size:16px}
html[data-stage=broadcast] .playing .side-card p{font-size:12px}
@media(max-width:1100px){html[data-stage=broadcast] .playing .game-layout{display:block}html[data-stage=broadcast] .playing aside{display:none}}
@media(max-width:760px){
 html[data-stage=broadcast] .playing main{padding:4px}
 html[data-stage=broadcast] .playing .play-area{grid-template-areas:"stats" "strip" "venue" "notice" "arena" "pots" "timer" "controls" "footer";grid-template-columns:1fr;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto auto}
 html[data-stage=broadcast] .playing .stats{padding:3px 8px}
 html[data-stage=broadcast] .playing .tournament-strip{padding:3px 8px;gap:5px}
 html[data-stage=broadcast] .playing .venue-identity{padding:3px 9px;min-height:27px}
 html[data-stage=broadcast] .playing .venue-identity strong{font-size:11px;letter-spacing:1px}
 html[data-stage=broadcast] .playing #venueSlogan,html[data-stage=broadcast] .playing .fictional-label{display:none}
 html[data-stage=broadcast] .playing .seat:not(.hero){width:72px}
 html[data-stage=broadcast] .playing .seat .player-box{min-height:36px;padding:7px 3px 3px;border-radius:8px!important}
 html[data-stage=broadcast] .playing .seat .player-name{font-size:10px;line-height:12px}
 html[data-stage=broadcast] .playing .seat .player-info b{font-size:12px;line-height:15px}
 html[data-stage=broadcast] .playing .position{width:23px;height:23px;min-width:23px;font-size:8px;right:-9px;top:9px}
 html[data-stage=broadcast] .playing .participation-tag{font-size:9px;line-height:12px;padding:0 4px;top:-7px}
 html[data-stage=broadcast] .playing .seat:not(.hero) .card.small{width:21px;height:28px}
 html[data-stage=broadcast] .playing .seat-cards{min-height:27px;margin-bottom:2px}
 html[data-stage=broadcast] .playing .felt{inset:13% 6% 14%;border-width:9px;box-shadow:0 0 0 1px #f0dba0,0 0 0 3px #20232a,0 0 0 5px #a3894d,0 9px 0 4px #0b1018,0 11px 0 5px #695731,0 18px 18px #000b,inset 0 0 28px #001d19b3}
 html[data-stage=broadcast] .playing .felt-line{inset:6px}
 html[data-stage=broadcast] .playing .table-wordmark{top:26%}
 html[data-stage=broadcast] .playing .table-wordmark b{font-size:8px;letter-spacing:2px}
 html[data-stage=broadcast] .playing .seat.hero{width:190px;grid-template-columns:auto 108px;gap:0 5px;top:88%}
 html[data-stage=broadcast] .playing .seat.hero .player-box{min-height:43px;padding:8px 3px 4px}
 html[data-stage=broadcast] .playing .hero .card{width:34px;height:48px;padding:4px}
 html[data-stage=broadcast] .playing .hero .card b,html[data-stage=broadcast] .playing .hero .card i{font-size:20px}
 html[data-stage=broadcast] .playing .hero .player-info{padding:0}
 html[data-stage=broadcast] .playing .hero .player-info b{font-size:15px;line-height:18px}
 html[data-stage=broadcast] .playing .board-area{top:45%;transform:translate(-50%,-35%)}
 html[data-stage=broadcast] .playing .street{font-size:10px}
 html[data-stage=broadcast] .playing .community{gap:3px;margin:6px 0 9px}
 html[data-stage=broadcast] .playing .community .card{width:29px;height:42px}
 html[data-stage=broadcast] .playing .pot{min-width:142px;gap:8px;padding:4px 12px;border-width:1px}
 html[data-stage=broadcast] .playing .pot span{font-size:9px}
 html[data-stage=broadcast] .playing .pot strong{font-size:19px;line-height:24px}
 html[data-stage=broadcast] .playing .pot-players{font-size:9px;padding:3px 6px;margin-top:7px}
 html[data-stage=broadcast] .playing .bet{font-size:9px;padding:2px 5px}
 html[data-stage=broadcast] .playing .action-label{font-size:9px;line-height:12px}
 html[data-stage=broadcast] .playing .raise-ticket{padding:2px 5px}
 html[data-stage=broadcast] .playing .control-deck{padding:6px 8px;margin:0}
 html[data-stage=broadcast] .playing .action-alert{padding:5px 7px;font-size:11px;margin-bottom:5px}
 html[data-stage=broadcast] .playing .action-alert strong{font-size:13px}
}
@media(max-height:700px){html[data-stage=broadcast] .playing{overflow:auto}html[data-stage=broadcast] .playing .arena{min-height:360px}html[data-stage=broadcast] .playing .play-area{height:auto;min-height:100%}html[data-stage=broadcast] .playing .control-deck{position:relative}html[data-stage=broadcast] .playing .seat:not(.hero) .seat-cards{display:flex}}

html[data-stage=broadcast] .playing .felt{background-clip:padding-box,padding-box,padding-box,border-box;background-origin:padding-box,padding-box,padding-box,border-box}