/* Production visual adapter. The standalone rules preview stays isolated.
   Card faces use the same stylesheet as Hold'em. No engine/save changes. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&display=swap');
.player-table{--red:#b93440;--panel:#162438;--navy:#0d192b;background:linear-gradient(#0d192be8,#0d192bf5),url('../assets/rooms/newyork.webp') center/cover fixed}
.player-table header{height:72px;background:#0d192bf5;border-top:4px solid var(--red);padding-inline:24px}
.player-table .brand img{display:block;object-fit:contain;background:#101c30;padding:4px;max-width:100%}
.player-table main{max-width:1140px;padding-top:20px}
.player-table h1,.player-table h2{font-family:'Barlow Condensed','Libre Franklin',sans-serif;letter-spacing:0}
.player-table h1{font-size:36px}
.player-table .heading{margin-bottom:16px}
.player-table .subtitle{font-size:14px}
.player-table .table{background:radial-gradient(ellipse,#20584c,#103e35);border-color:#393332;box-shadow:0 0 0 2px #a7865855,inset 0 0 0 2px #a7865840,0 18px 40px #060e1b70}
.player-table .opponent{background:#111e31;border:1px solid #3d4b60;box-shadow:0 3px 8px #0003}
.player-table .opponent.active{border-color:#dec58d;box-shadow:0 0 0 2px #dec58d30}
.player-table .card.playing-card{position:relative;padding:0;flex-shrink:0}
.player-table .card.playing-card .card-readout{align-self:auto;font-size:inherit}
.player-table .card.playing-card .card-emblem{font-size:74cqw}
.player-table .card.empty{background:#0d302a66;border-color:#b0c2b57a}
.player-table .hole button.card[aria-pressed=true]{border-color:var(--gold)}
.player-table button.primary{background:var(--red);border-color:var(--red);color:#fff}
.player-table button{border-radius:5px}
.player-table .actions{background:#101d30e8;border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:18px}
.player-table .utility{gap:12px}
.player-table .lobby-return{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;text-decoration:none;border:1px solid var(--line);border-radius:5px;background:var(--panel);font-size:14px}
.player-table #result{border-top:3px solid var(--gold)}
@media(max-width:600px){
 .player-table header{height:64px;padding-inline:12px}
 .player-table .brand img{width:158px;height:50px}
 .player-table main{padding:16px 12px}
 .player-table h1{font-size:30px}
 .player-table .eyebrow{font-size:12px;letter-spacing:.08em}
 .player-table .table{border-radius:44px;padding:12px 8px}
 .player-table .your-seat{margin-top:18px}
 .player-table .hole{gap:6px}
 .player-table .hole .card{width:52px;height:74px}
 .player-table .actions{padding:12px 8px}
 .player-table #action-buttons button{min-height:48px}
 .player-table .room-bar{font-size:12px}
}
@media(max-width:360px){
 .player-table .hole{gap:4px}
 .player-table .hole .card{width:50px;height:72px}
 .player-table .preview-tag{font-size:11px}
}