.baccarat-screen{--bc-gold:#d7ae69;--bc-gold2:#f3d594;--bc-blue:#0b2b52;background:radial-gradient(circle at 50% 10%,#15120d,#03070d 60%,#010205);color:#fff;font-family:Arial,Helvetica,sans-serif}
.bc-room-app,.bc-table-app{width:100%;height:100%;overflow:auto;background:linear-gradient(180deg,rgba(24,8,3,.82),rgba(3,8,15,.98)),radial-gradient(circle at 50% 30%,#54200c,#02060d 65%)}
.bc-room-head,.bc-table-head{position:sticky;top:0;z-index:20;min-height:72px;display:flex;align-items:center;gap:20px;padding:10px clamp(16px,3vw,48px);border-bottom:1px solid rgba(215,174,105,.48);background:rgba(5,8,13,.92);box-shadow:0 8px 30px rgba(0,0,0,.42)}
.bc-room-head>button,.bc-table-head>button{width:44px;height:44px;border:1px solid var(--bc-gold);border-radius:50%;background:#06101d;color:var(--bc-gold2);font-size:31px;line-height:1}
.bc-room-logo{font-size:28px;font-weight:900;color:var(--bc-gold2);text-shadow:0 0 18px rgba(215,174,105,.35)}
.bc-room-head h1{margin:0;color:var(--bc-gold2);font-size:28px;letter-spacing:.08em}.bc-room-head p{margin:3px 0 0;color:#d7c6a5;font-size:11px;letter-spacing:.2em}
.bc-room-tabs{display:flex;justify-content:center;gap:10px;padding:22px 16px 10px}.bc-room-tabs button{min-width:150px;padding:11px 16px;border:1px solid rgba(215,174,105,.48);border-radius:9px;background:#08111d;color:#d9c8a7;font-weight:800}.bc-room-tabs button.active{background:linear-gradient(180deg,#e1bc79,#a86c2b);color:#100b05;border-color:#f4d99b}
.bc-room-grid{width:min(1180px,94vw);margin:12px auto 40px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.bc-room-card{position:relative;min-width:0;padding:0;overflow:hidden;border:1px solid rgba(215,174,105,.62);border-radius:16px;background:#03070c;color:#fff;box-shadow:0 18px 45px rgba(0,0,0,.42);text-align:left}.bc-room-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:.25s}.bc-room-card>span{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;background:linear-gradient(90deg,#09182b,#160d07)}.bc-room-card strong{color:var(--bc-gold2);font-size:18px}.bc-room-card small{color:#d4c5a8}.bc-room-card:hover{border-color:#f2d28f;box-shadow:0 18px 50px rgba(213,145,48,.2)}.bc-room-card:hover img{transform:scale(1.015);filter:brightness(1.06)}.bc-room-card[hidden]{display:none}
.bc-table-app{display:flex;flex-direction:column;overflow:hidden;background:#03070d}.bc-table-head{position:relative;flex:0 0 auto;min-height:58px;padding-block:7px}.bc-table-head>strong{color:var(--bc-gold2);font-size:18px}.bc-table-head>span{color:#d7c7a8;font-size:12px}.bc-table-head>span:last-child{margin-left:auto}.bc-table-head b{color:#f3d594}
.bc-art-wrap{position:relative;flex:1;min-height:0;margin:auto;aspect-ratio:16/9;max-width:100%;max-height:calc(100vh - 180px)}.bc-art-wrap>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.bc-bet-map{position:absolute;inset:0;z-index:5}.bc-zone{position:absolute;border:0;background:transparent;outline:0;border-radius:10px;-webkit-tap-highlight-color:transparent}.bc-zone:hover,.bc-zone:focus-visible,.bc-zone.selected{box-shadow:inset 0 0 0 3px rgba(243,213,148,.88),0 0 22px rgba(243,185,85,.7);background:rgba(243,190,91,.08)}
.bc-zone.player{left:27%;top:40%;width:19%;height:15%}.bc-zone.banker{left:54%;top:40%;width:19%;height:15%}.bc-zone.player-pair{left:26%;top:54%;width:24%;height:11%}.bc-zone.banker-pair{left:50%;top:54%;width:24%;height:11%}.bc-zone.tie{left:39%;top:64%;width:22%;height:11%}
.bc-table-app[data-tier="high"] .bc-zone.player{left:18%;top:40%;width:27%;height:18%}.bc-table-app[data-tier="high"] .bc-zone.banker{left:55%;top:40%;width:27%;height:18%}.bc-table-app[data-tier="high"] .bc-zone.player-pair{left:15%;top:58%;width:35%;height:14%}.bc-table-app[data-tier="high"] .bc-zone.banker-pair{left:50%;top:58%;width:35%;height:14%}.bc-table-app[data-tier="high"] .bc-zone.tie{left:35%;top:72%;width:30%;height:15%}
.bc-controls{flex:0 0 auto;padding:8px 16px 12px;border-top:1px solid rgba(215,174,105,.42);background:rgba(3,8,15,.96)}.bc-selection{text-align:center;margin-bottom:7px;color:#d7c6a7;font-size:12px}.bc-selection b{color:var(--bc-gold2)}.bc-chips,.bc-actions{display:flex;justify-content:center;align-items:center;gap:10px}.bc-chips button{width:54px;height:42px;border:3px dashed rgba(245,219,159,.78);border-radius:50%;background:#092443;color:#fff;font-weight:900}.bc-chips button.active{background:#7c2b26;box-shadow:0 0 16px rgba(230,181,89,.55)}.bc-actions{margin-top:8px}.bc-actions button{min-width:130px;height:38px;border:1px solid var(--bc-gold);border-radius:9px;background:#07182b;color:var(--bc-gold2);font-weight:900}.bc-actions .confirm{min-width:230px;background:linear-gradient(180deg,#e7c17d,#a56b2b);color:#140d05;border-color:#f7dca0}.bc-toast{position:fixed;left:50%;bottom:18px;z-index:60;transform:translate(-50%,15px);opacity:0;padding:11px 18px;border:1px solid var(--bc-gold);border-radius:10px;background:rgba(2,7,13,.95);transition:.2s;pointer-events:none}.bc-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px) and (orientation:portrait){
  .bc-room-app{overflow-y:auto}.bc-room-head{min-height:58px;padding:8px 12px;gap:10px}.bc-room-head>button{width:38px;height:38px}.bc-room-logo{font-size:20px}.bc-room-head h1{font-size:20px}.bc-room-tabs{position:sticky;top:58px;z-index:18;padding:10px 8px;background:rgba(3,8,15,.94)}.bc-room-tabs button{min-width:0;flex:1;padding:9px 4px;font-size:10px}.bc-room-grid{grid-template-columns:1fr;width:94vw;gap:14px}.bc-room-card>span{padding:10px 12px;align-items:flex-start;flex-direction:column;gap:3px}.bc-room-card strong{font-size:15px}.bc-room-card small{font-size:10px}
  .bc-table-app{overflow-y:auto;display:block}.bc-table-head{position:sticky;min-height:55px;padding:7px 10px;gap:8px;flex-wrap:wrap}.bc-table-head>button{width:36px;height:36px}.bc-table-head>strong{font-size:14px}.bc-table-head>span{font-size:9px}.bc-table-head>span:last-child{width:100%;margin-left:44px}.bc-art-wrap{width:100vw;height:auto;max-height:none;aspect-ratio:16/9;flex:none}.bc-controls{position:sticky;bottom:0;padding:9px 8px 12px}.bc-chips{gap:5px}.bc-chips button{width:48px;height:38px;font-size:11px}.bc-actions{gap:6px}.bc-actions button{min-width:0;flex:1;height:42px;font-size:11px}.bc-actions .confirm{min-width:0;flex:1.4}.bc-selection{font-size:10px}.bc-zone:hover{box-shadow:none}.bc-zone.selected{box-shadow:inset 0 0 0 2px rgba(243,213,148,.9),0 0 14px rgba(243,185,85,.65)}
}

/* Danh sách phòng: giữ nguyên tuyệt đối hai artwork desktop/mobile do người dùng cung cấp. */
.baccarat-screen[data-screen="baccarat-rooms"]{overflow:auto;place-items:center}
.bc-room-art{position:relative;width:min(100vw,calc(100vh * 1535 / 1024));height:min(100vh,calc(100vw * 1024 / 1535));aspect-ratio:1535/1024;background:#050403}
.bc-room-art picture,.bc-room-art picture img{display:block;width:100%;height:100%}.bc-room-art picture img{object-fit:fill;user-select:none;-webkit-user-drag:none}
.bc-room-hotspots{position:absolute;inset:0;z-index:5}.bc-room-hotspots button{position:absolute;border:0;background:transparent;outline:0;-webkit-tap-highlight-color:transparent}.bc-room-hotspots button:focus-visible{box-shadow:inset 0 0 0 3px rgba(255,225,155,.9)}
.bc-room-back{left:92%;top:1.4%;width:6%;height:9%}
.bc-room-hit{width:12%;height:5.5%;border-radius:999px!important}.room-1{left:24.8%;top:35.1%}.room-2{left:50.1%;top:35.1%}.room-3{left:75.4%;top:35.1%}.room-4{left:24.8%;top:58.6%}.room-5{left:50.1%;top:58.6%}.room-6{left:75.4%;top:58.6%}.room-7{left:24.8%;top:82.2%}.room-8{left:50.1%;top:82.2%}.room-9{left:75.4%;top:82.2%}
.bc-room-hit:active,.bc-room-back:active{background:rgba(255,255,255,.08)}
@media(max-width:700px) and (orientation:portrait){
  .baccarat-screen[data-screen="baccarat-rooms"]{align-items:start;justify-items:center;overflow-y:auto;overflow-x:hidden}
  .bc-room-art{width:100vw;height:auto;aspect-ratio:1023/1537;flex:none}
  .bc-room-back{left:90.5%;top:.8%;width:8.5%;height:7%}
  .bc-room-hit{left:74.5%;width:18%;height:4%}
  .room-1{top:17.8%}.room-2{top:27.8%}.room-3{top:37.7%}.room-4{top:47.7%}.room-5{top:57.7%}.room-6{top:67.7%}.room-7{top:76.8%}.room-8,.room-9{display:none}
}

/* Bàn thấp đã có sẵn chip và nút trong artwork: dùng vùng bấm trong suốt, không vẽ lặp trên desktop. */
.bc-low-control{position:absolute;display:none;border:0;background:transparent;outline:0;border-radius:50%;-webkit-tap-highlight-color:transparent}
.bc-table-app[data-tier="low"] .bc-low-control{display:block}
.low-chip-10{left:29.8%;top:72%;width:5.2%;height:9%}.low-chip-50{left:35.1%;top:72%;width:5.2%;height:9%}.low-chip-100{left:40.3%;top:72%;width:5.2%;height:9%}.low-chip-500{left:45.5%;top:72%;width:5.2%;height:9%}.low-chip-1m{left:50.7%;top:72%;width:5.2%;height:9%}
.low-clear{left:19.5%;top:85%;width:13%;height:8%;border-radius:12px}.low-confirm{left:35%;top:84%;width:29%;height:9%;border-radius:12px}.low-repeat{left:65.5%;top:85%;width:14%;height:8%;border-radius:12px}
.bc-low-control:focus-visible{box-shadow:inset 0 0 0 3px rgba(243,213,148,.9)}
.bc-table-app[data-tier="low"] .bc-controls{display:none}
.bc-table-app[data-tier="low"] .bc-art-wrap{max-height:calc(100vh - 58px)}
.bc-phase{padding:5px 9px;border:1px solid rgba(215,174,105,.45);border-radius:999px;background:rgba(2,8,15,.72)}.bc-phase b{color:#f3d594}
.bc-result-layer{position:absolute;inset:0;z-index:8;opacity:0;pointer-events:none;transition:.25s}.bc-result-layer.visible{opacity:1}.bc-hand{position:absolute;top:36%;width:24%;min-height:15%;display:grid;place-items:center;padding:7px;border:1px solid rgba(243,213,148,.78);border-radius:12px;background:rgba(2,8,15,.78);box-shadow:0 0 24px rgba(0,0,0,.55)}.bc-player-hand{left:24%}.bc-banker-hand{right:24%}.bc-hand>strong{color:#f3d594;font-size:12px}.bc-hand>b{position:absolute;right:7px;top:7px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#d3a653;color:#080604}.bc-cards{display:flex;gap:5px;justify-content:center}.bc-card{width:38px;height:52px;display:grid;place-items:center;border-radius:5px;background:#fff;color:#111;font-size:13px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.42)}.bc-card.red{color:#c51922}.bc-result-center{position:absolute;left:50%;top:27%;transform:translateX(-50%);display:grid;place-items:center;gap:3px;padding:8px 13px;border:1px solid rgba(215,174,105,.62);border-radius:10px;background:rgba(2,8,15,.86);white-space:nowrap}.bc-result-center strong{color:#f3d594}.bc-result-center small{color:#d7c7a8}
.bc-history{position:absolute;right:12px;top:68px;z-index:12;display:flex;align-items:center;gap:7px;max-width:245px;padding:7px 9px;border:1px solid rgba(215,174,105,.45);border-radius:9px;background:rgba(2,8,15,.84);font-size:9px;color:#d7c7a8}.bc-history>div{display:flex;gap:4px;overflow:hidden}.bc-history i{flex:0 0 auto;width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.bc-history i.player{background:#1b6fd1}.bc-history i.banker{background:#d52929}.bc-history i.tie{background:#25a852}.bc-zone:disabled,.bc-controls button:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.65}
@media(max-width:700px) and (orientation:portrait){
  .bc-table-app,.bc-table-app[data-tier="low"]{display:flex;min-height:100%;overflow-y:auto}
  .bc-table-app .bc-art-wrap,.bc-table-app[data-tier="low"] .bc-art-wrap{flex:0 0 auto;max-height:none;margin:auto 0 0}
  .bc-table-app .bc-controls,.bc-table-app[data-tier="low"] .bc-controls{margin-bottom:auto}
  .bc-table-app[data-tier="low"] .bc-controls{display:block;flex:0 0 auto}
  .bc-phase{order:5;margin-left:42px}.bc-history{position:fixed;top:58px;right:5px;max-width:165px;padding:4px 6px}.bc-history>span{display:none}.bc-history i{width:8px;height:8px}.bc-result-center{top:7%;font-size:10px}.bc-hand{top:27%;width:34%;min-height:36%;padding:3px}.bc-player-hand{left:14%}.bc-banker-hand{right:14%}.bc-hand>strong{font-size:8px}.bc-hand>b{width:19px;height:19px;font-size:10px}.bc-card{width:21px;height:31px;font-size:8px}.bc-cards{gap:2px}
}