/* 홀덤 테이블 «라운지 스킨» — 화면 위에 얹히는 HTML(조작판·창·안내)을 캔버스 테이블과 같은 톤으로 맞춘다.
   각 게임 화면의 <style> 뒤에 읽히므로 같은 선택자로 덮어쓴다. 크기·자리는 그대로 두고 색·재질만 바꾼다. */
:root{
  --lx-bg:#07060A; --lx-glass:rgba(12,10,16,.90); --lx-glass2:rgba(22,18,26,.92); --lx-line:rgba(216,179,106,.42); --lx-line2:rgba(216,179,106,.22);
  --lx-gold:#D8B36A; --lx-gold2:#F3DFA6; --lx-gold-deep:#9C7A3C; --lx-ink:#F2E8D2; --lx-ink2:#C9BCA2; --lx-mute:#8E8577;
  --lx-red:#E0273A; --lx-red-deep:#8E1424; --lx-green:#2FBF8A; --lx-green-deep:#1F8C63; --lx-amber:#FFB020;
  --lx-shadow:0 14px 34px rgba(0,0,0,.6);
  /* 족보창(jokbo.js)도 같은 톤으로 */
  --jb-bg:rgba(12,10,16,.94); --jb-line:rgba(216,179,106,.45); --jb-line-soft:rgba(216,179,106,.18); --jb-panel-shadow:6px 0 22px rgba(0,0,0,.55);
  --jb-title:#F3DFA6; --jb-btn-bg:rgba(255,255,255,.06); --jb-btn-shadow:none; --jb-item-line:rgba(216,179,106,.18); --jb-item-bg:rgba(255,255,255,.035);
  --jb-no-bg:#6A0E1B; --jb-no-ink:#F3DFA6; --jb-ink:#F2E8D2; --jb-muted:#A89C86; --jb-badge:#E0273A; --jb-badge-ink:#fff;
  --jb-card-bg:#FBF7EE; --jb-card-line:rgba(0,0,0,.35); --jb-red:#D3232F; --jb-blk:#1A1A22;
  --jb-on-line:#D8B36A; --jb-on-bg:rgba(216,179,106,.12); --jb-on-glow:rgba(216,179,106,.35); --jb-on-no:#D8B36A; --jb-on-no-ink:#1A1206;
  --jb-open-bg:rgba(12,10,16,.9); --jb-open-ink:#F3DFA6; --jb-back:rgba(0,0,0,.55);
}
html,body{background:var(--lx-bg)!important}

/* 위 안내띠 · 연결 표시 */
#hud{background:var(--lx-glass)!important;color:var(--lx-gold2)!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)!important;backdrop-filter:blur(6px)}
#banner{background:var(--lx-glass)!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line)!important}
#conn.on{background:rgba(47,191,138,.14)!important;color:#7FE3B8!important;border:1px solid rgba(47,191,138,.35)}
#conn.off{background:rgba(224,39,58,.16)!important;color:#FF9AA5!important;border:1px solid rgba(224,39,58,.4)}

/* 나가기 */
#exitBtn{background:var(--lx-glass)!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)!important;text-shadow:none}
#exitBtn:active{transform:translateY(1px)!important;box-shadow:none!important}

/* 조작판 */
#actionbar .inner{background:var(--lx-glass)!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)!important;backdrop-filter:blur(8px)}
#infoLine{color:var(--lx-ink2)!important}
#infoLine b{color:var(--lx-ink)!important} #infoLine .pot b{color:#7FE3B8!important} #infoLine .tc b{color:#FF9AA5!important}
#timerBar{background:rgba(255,255,255,.08)!important}
#timerFill{background:linear-gradient(90deg,var(--lx-gold),var(--lx-gold2))!important;box-shadow:0 0 10px rgba(216,179,106,.5)}
.actbtn{border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 4px 0 rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.35)!important;color:var(--lx-ink)!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.actbtn:active{transform:translateY(3px)!important;box-shadow:0 1px 0 rgba(0,0,0,.55)!important}
.actbtn .as{opacity:.85}
#dieBtn{background:linear-gradient(180deg,#B8202F,#7A1020)!important;border-color:rgba(255,120,130,.35)!important}
#callBtn{background:linear-gradient(180deg,#2A2530,#161219)!important;border-color:var(--lx-line)!important}
#callBtn.check{background:linear-gradient(180deg,#1E3A31,#122A22)!important;border-color:rgba(47,191,138,.45)!important}
#raiseBtn2{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;text-shadow:none!important;border-color:#F3DFA6!important}

/* 레이즈 시트 */
#raiseSheet{background:rgba(0,0,0,.6)!important}
#raiseSheet .sheet{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;border-bottom:none!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow)!important;backdrop-filter:blur(10px)}
#rsTitle{color:var(--lx-gold2)!important}
#rsAmtBox{background:rgba(255,255,255,.04)!important;border:1px dashed var(--lx-line)!important}
#rsFinal{color:var(--lx-gold2)!important} #rsAdd,#rsRange{color:var(--lx-mute)!important}
.rsStep,.rsK,.rsQ{background:rgba(255,255,255,.06)!important;border:1px solid var(--lx-line2)!important;color:var(--lx-ink)!important;box-shadow:none!important}
.rsK.back{color:#FF9AA5!important} .rsK.clr{color:#7FE3B8!important}
.rsQ.on{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border-color:#F3DFA6!important}
#rsInput{background:rgba(0,0,0,.35)!important;border:1px solid var(--lx-line)!important;color:var(--lx-gold2)!important}
#rsSlider{accent-color:var(--lx-gold)}
#rsBtnRow{background:transparent!important}
@media (pointer:coarse){ #rsBtnRow{background:var(--lx-glass2)!important;border-top:1px solid var(--lx-line2)!important} }

/* 공통 단추 (준비·결과·로비) */
.btn{background:rgba(255,255,255,.06)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:0 4px 0 rgba(0,0,0,.5)!important}
.btn.primary,#resAgain{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border-color:#F3DFA6!important}
#rsConfirm{background:linear-gradient(180deg,#2FBF8A,#1F8C63)!important;color:#fff!important;border-color:rgba(127,227,184,.6)!important}
#readyBtn.done{background:linear-gradient(180deg,#2FBF8A,#1F8C63)!important;color:#fff!important;border-color:rgba(127,227,184,.6)!important}

/* 준비창 · 카운트다운 · 결과창 */
#ready,#result,#countdown{background:rgba(0,0,0,.66)!important;backdrop-filter:blur(4px)}
#ready .rcard,#resCard{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow),0 0 60px rgba(255,42,60,.12)!important}
.rtitle{color:var(--lx-gold2)!important} .rinfo,#resMsg{color:var(--lx-ink2)!important} .rtimer{color:#FF8A96!important} .rhint{color:var(--lx-mute)!important}
#resTitle{color:var(--lx-gold2)!important}
#cdNum{color:var(--lx-gold2)!important;text-shadow:0 0 30px rgba(255,176,32,.55),0 4px 12px rgba(0,0,0,.6)!important}
#cdLabel{color:var(--lx-ink)!important}

/* 로비(입장 전) — 제목·패널 */
#svTitle{color:var(--lx-gold2)!important;text-shadow:0 2px 14px rgba(0,0,0,.7)!important}
#svTitle .badge{background:var(--lx-red-deep)!important;color:#FFE3A3!important;border:1px solid var(--lx-line)}
#subtitle{color:var(--lx-ink2)!important}
.panel{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow)!important}
.panel label{color:var(--lx-ink2)!important}
input.f{background:rgba(0,0,0,.35)!important;border:1px solid var(--lx-line2)!important;color:var(--lx-ink)!important}
input.f:focus{border-color:var(--lx-gold)!important}
#notice{color:var(--lx-mute)!important} #notice a{color:var(--lx-gold)!important}
#err{color:#FF9AA5!important}
#cidLock{background:rgba(224,39,58,.12)!important;border:1px solid rgba(224,39,58,.45)!important}
#cidLock .ttl{color:#FF9AA5!important} #cidLock .desc{color:#E8B4B9!important}

/* 알림 · 자동배팅 띠 */
.toast{background:var(--lx-glass)!important;color:var(--lx-gold2)!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)}
#autoBn{background:var(--lx-glass)!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line)!important}
#autoBn .abBtn{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important}

/* 튜토리얼(coach) · 상단 안내 등 다른 조각도 톤을 맞춘다 */
#coachBox{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important}

/* ── 화면별 조각 (비밀방 · 랜덤매치 · 서바이벌) ── */
/* 방 고르기 · 시크릿 첫 화면 (friend.html) — 초록 배경을 라운지 톤으로 */
#roomSelect{background:radial-gradient(ellipse 120% 60% at 50% -10%, rgba(255,42,60,.16), transparent 60%),
  radial-gradient(ellipse 100% 70% at 50% 40%, #1A0E14 0%, #0E080C 55%, rgba(7,6,10,0) 80%), linear-gradient(180deg,#120A0F,#07060A)!important}
#secretHero{background:linear-gradient(180deg,rgba(20,12,18,.8),rgba(10,7,12,.94))!important;border-color:var(--lx-line)!important}
.scCard{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)!important;color:var(--lx-ink)!important}
.scCard .scT{color:var(--lx-gold2)!important} .scCard .scD{color:var(--lx-ink2)!important} .scCard .scD b{color:var(--lx-gold)!important}
.scMake .scGo{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;box-shadow:0 3px 0 rgba(0,0,0,.5)!important}
.snItem{background:rgba(255,255,255,.035)!important;border-color:var(--lx-line2)!important}
.frCard,.gjCard{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow)!important}
#waitBanner{background:var(--lx-glass)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important}
#waitBanner .wbTitle,#waitBanner .wbInfo b{color:var(--lx-gold2)!important} #waitBanner .wbHint{color:var(--lx-mute)!important}
/* 판 결과(상대 카드 공개) */
#showdown{background:rgba(0,0,0,.66)!important}
#showdown .sdInner{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow)!important}
#showdown .sdHead{color:var(--lx-gold2)!important}
.sdP{background:rgba(255,255,255,.04)!important;border:1px solid var(--lx-line2)!important;color:var(--lx-ink)!important}
.sdP.win{border-color:var(--lx-gold)!important;background:rgba(216,179,106,.10)!important;box-shadow:0 0 0 2px rgba(216,179,106,.25),0 8px 22px rgba(216,179,106,.15)!important}
.sdPots .pot{background:rgba(216,179,106,.12)!important;border-color:var(--lx-line)!important;color:var(--lx-gold2)!important}
.sdCard{background:#FBF7EE!important;border:1px solid rgba(0,0,0,.4)!important}
#sdBarFill{background:linear-gradient(90deg,var(--lx-gold),var(--lx-red))!important}
/* 랜덤매치 방 목록 · 안내 (general.html) */
.rm{background:var(--lx-glass2)!important;border:1px solid var(--lx-line2)!important;color:var(--lx-ink)!important}
.rm.playing{background:rgba(224,39,58,.12)!important;border-color:rgba(224,39,58,.5)!important}
.rm.starting{background:rgba(216,179,106,.12)!important;border-color:var(--lx-gold)!important}
.pchip{background:rgba(255,255,255,.06)!important;border-color:var(--lx-line2)!important;color:var(--lx-ink)!important}
#ovCard{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important}
/* 비밀방 채팅·관전 상자 */
#frChatBox{background:var(--lx-glass2)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important;box-shadow:var(--lx-shadow)!important;backdrop-filter:blur(8px)}
#frChatHead{background:rgba(216,179,106,.14)!important;color:var(--lx-gold2)!important}
#frChatHead button{background:rgba(216,179,106,.18)!important;color:var(--lx-gold2)!important;border:1px solid var(--lx-line2)!important}
#frChatList{background:transparent!important}
.frMsg{color:var(--lx-ink)!important} .frMsg .nk{color:var(--lx-gold2)!important} .frMsg.me .nk{color:#FF9AA5!important}
.frMsg.sys{background:rgba(216,179,106,.10)!important;color:var(--lx-gold2)!important;border:1px solid var(--lx-line2)}
#frChatBar{background:rgba(0,0,0,.28)!important;border-top:1px solid var(--lx-line2)!important}
#frChatBar input{background:rgba(0,0,0,.35)!important;border:1px solid var(--lx-line)!important;color:var(--lx-ink)!important}
#frChatBar input::placeholder{color:var(--lx-mute)!important}
#frChatBar button{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border:1px solid rgba(0,0,0,.35)!important}
#frSpec button,#inviteBar .btn2:not(.kk){background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border-color:rgba(0,0,0,.35)!important}
/* 초대 링크 줄 · 방 번호/비밀번호 상자 · 손님 안내 칩 */
#inviteBar{background:var(--lx-glass)!important;border:1px solid var(--lx-line)!important;box-shadow:var(--lx-shadow)!important;backdrop-filter:blur(8px)}
#inviteBar .ib-t{color:var(--lx-gold2)!important}
#inviteBar input{background:rgba(0,0,0,.35)!important;border:1px solid var(--lx-line2)!important;color:var(--lx-ink)!important}
#frKeyBox{background:rgba(216,179,106,.08)!important;border:1px dashed var(--lx-line)!important}
#frKeyBox .fkK{color:var(--lx-ink2)!important} #frKeyBox .fkV{color:var(--lx-gold2)!important} #frKeyBox .fkHint{color:var(--lx-mute)!important}
#frKeyBox .fkC{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border:1px solid rgba(0,0,0,.35)!important}
#guestChip{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border:1px solid rgba(0,0,0,.35)!important;box-shadow:0 6px 16px rgba(0,0,0,.45),0 0 18px rgba(216,179,106,.35)!important}
#guestChip b{color:#3A2404!important}
/* 배팅 UI(betui.js) 흰 창들 · 슬라이더 */
.bu-slider{background:transparent!important;accent-color:var(--lx-gold)}
.bu-confirm .box,.bu-set .box{background:var(--lx-glass2)!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line);box-shadow:var(--lx-shadow)!important}
.bu-confirm .line{border-bottom-color:var(--lx-line2)!important}
.bu-confirm .btns button{background:rgba(255,255,255,.06)!important;color:var(--lx-ink)!important;border:1px solid var(--lx-line)!important}
.bu-confirm .btns button.go{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border-color:rgba(0,0,0,.35)!important}
.bu-set label{border-bottom-color:var(--lx-line2)!important}
.bu-set .close{background:linear-gradient(180deg,#E2B85E,#B48A34)!important;color:#1A1206!important;border:1px solid rgba(0,0,0,.35)!important}
.bu-quick button.on{background:rgba(216,179,106,.22)!important;box-shadow:inset 0 0 0 2px rgba(216,179,106,.6)!important}
/* 로비 안내문 속 「꼭 읽어주세요」 상자 (인라인 스타일이라 색만 덮어쓴다) */
#notice>div[style*="FFF7E0"]{background:rgba(216,179,106,.08)!important;border:1px dashed var(--lx-line)!important;color:var(--lx-ink2)!important}
#notice>div[style*="FFF7E0"] b{color:var(--lx-gold2)!important}
.bu-quick button,.bu-amtrow button{color:var(--lx-ink)!important;border-color:var(--lx-line)!important}
.bu-quick button .qa{color:var(--lx-ink2)!important}
.bu-amtrow input{color:var(--lx-gold2)!important;border-color:var(--lx-line)!important;background:rgba(0,0,0,.35)!important}
.bu-detail{background:rgba(255,255,255,.05)!important;border:1px dashed var(--lx-line2)}
.bu-detail .big{color:var(--lx-gold2)!important}
/* 비밀방 대기실·방 만들기·비번 창의 뒷배경 (초록 기운 제거) */
#frNew,#frPw,#frLobby{background:radial-gradient(ellipse 120% 60% at 50% -10%, rgba(255,42,60,.14), transparent 60%),rgba(10,7,10,.88)!important}
/* 낮은 화면(높이 800 이하)에서 손님 안내 칩이 대기실 제목을 가리지 않게 위 여백을 조금 더 준다 */
body:not(.fr-playing) #frLobby{padding-top:max(150px,calc(50vh - 300px))!important}