/* 그리드벳 모든 쪽 공통(tr-shell.js) — 원본 색 변수로 회원 머리 · 로그인 창 보안 확인 · 알림 띠 */

/* 알림 띠(원본 미니게임 #miniBetToast 와 같은 자리 · 모양, sbk-core.js 와 tr-shell.js 가 함께 쓴다) */
#trToast{position:fixed;left:50%;bottom:90px;z-index:2000;max-width:calc(100% - 32px);padding:12px 18px;border-radius:10px;border:1px solid var(--38ffa8);background:var(--black,#000);color:var(--font-color);font-size:13px;line-height:1.5;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .2s,transform .2s}
#trToast.is-show{opacity:1;transform:translate(-50%,0)}
/* 밝은 테마: 원본 --black(#1e293b)과 --font-color(#1e293b)가 같아 글자가 안 보였다 — 흰 바탕 · 짙은 글자로 */
html[data-theme-mode="light"] #trToast{background:#fff;color:#1e293b;box-shadow:0 10px 24px rgba(15,23,42,.18)}

/* PC 머리 — 회원: 닉네임 · 보유머니(원본 .header-menu.cash 아이콘 색) · 로그아웃(원본 a.login 단추) */
.header-menu.auth-actions a.tr-nick b{font-weight:normal}
.header-menu.auth-actions a.tr-nick .iconfont,.header-menu.auth-actions a.tr-cash .iconfont{margin-right:6px;color:var(--header-cash-icon)}
.header-menu.auth-actions a.tr-cash{color:var(--font-color)}
.header-menu.auth-actions a.tr-cash b{margin-right:1px;font-family:'p7';font-weight:normal;color:var(--38ffa8)}
.header-menu.auth-actions a.tr-nick,.header-menu.auth-actions a.tr-cash{cursor:default}
.header-menu.auth-actions a.tr-nick:hover,.header-menu.auth-actions a.tr-cash:hover{transform:none}

/* 로그인 창 — 보안 확인(Turnstile)과 안내 줄 */
.tr-login-live{margin:12px 0 0}
.tr-login-live .tr-cap{min-height:65px}
.tr-login-live .tr-login-msg{min-height:18px;margin:8px 0 0;font-size:12px;line-height:1.5;color:#ff6b6b;text-align:center;word-break:keep-all}
.tr-login-live .tr-login-msg:empty{min-height:0;margin:0}

/* 모바일 아래 띠 — 회원: 보유머니 · 로그아웃 두 칸 */
#fnb-n.tr-is-member{grid-template-columns:1fr auto}
#fnb-n a.tr-fnb-cash{justify-content:flex-start;gap:8px;padding:0 14px;background:var(--left-bg,#181c25);font-family:inherit;font-size:13px;overflow:hidden}
#fnb-n a.tr-fnb-cash span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#fnb-n a.tr-fnb-cash .iconfont{color:var(--header-cash-icon)}
#fnb-n a.tr-fnb-cash b{font-family:'p7';font-weight:normal}
#fnb-n a.tr-fnb-cash b[data-tr-bal]{color:var(--38ffa8)}
#fnb-n a.tr-fnb-out{padding:0 18px;background:var(--module-primary-gradient);box-shadow:var(--login-primary-shadow);font-size:14px}

/* 모바일 머리 오른쪽 단추 — 회원: 내 정보 칸(원본 .btn-logout 단추) */
.tr-my{position:fixed;right:10px;z-index:1000;width:220px;padding:12px;border-radius:10px;border:1px solid var(--drawer-border,#2f3441);background:var(--black,#000);box-shadow:0 10px 24px rgba(0,0,0,.45);color:var(--font-color);font-size:13px}
.tr-my[hidden]{display:none}
.tr-my p{display:flex;align-items:center;gap:8px;height:34px;overflow:hidden;white-space:nowrap}
.tr-my p .iconfont{color:var(--header-cash-icon)}
.tr-my p b{overflow:hidden;font-weight:normal;text-overflow:ellipsis}
.tr-my p b[data-tr-bal]{font-family:'p7';color:var(--38ffa8)}
.tr-my .btn-logout{margin-top:8px}

/* 솔루션 안내 창(tr-api.js dialog.sbapi-dlg — 서버 응답이 없을 때 막힘 창 · 이용 제한 안내). 쇼부 .dlg 모양 대신 원본 로그인 창(.memberLayer .layerInner) 색 변수로.
   tr-api.js 가 나중에 넣는 #sbapi-css(쇼부 색)보다 앞서도록 dialog 요소 선택자로 한 단계 높인다 */
dialog.sbapi-dlg{position:fixed;inset:0;width:min(420px,calc(100% - 32px));max-height:calc(100% - 32px);margin:auto;padding:0;border:1px solid var(--login-divider-color,#2f3441);border-radius:18px;background:linear-gradient(180deg,var(--login-panel-top,#1b1f29) 0%,var(--login-panel-bottom,#11141b) 100%);box-shadow:var(--login-panel-shadow,0 20px 50px rgba(0,0,0,.5));color:var(--font-color,#fff);overflow:auto}
dialog.sbapi-dlg::backdrop{background:var(--login-overlay-bg,rgba(0,0,0,.7))}
dialog.sbapi-dlg .dlg-in{position:relative;padding:34px 24px 24px;text-align:center}
dialog.sbapi-dlg h2{margin:0 0 12px;font-family:'p6';font-size:18px;font-weight:normal;color:var(--font-color,#fff)}
dialog.sbapi-dlg .sbapi-d{font-size:14px;color:var(--aeaeae,#aeaeae)}
dialog.sbapi-dlg .sbapi-s{color:var(--9e9e9e,#9e9e9e)}
dialog.sbapi-dlg .dlg-x{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--9e9e9e,#9e9e9e);cursor:pointer}
dialog.sbapi-dlg .dlg-x:hover{color:var(--font-color,#fff)}
dialog.sbapi-dlg .dlg-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
dialog.sbapi-dlg .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-family:'p7';font-size:15px;cursor:pointer}
dialog.sbapi-dlg .btn-gold{border:0;background:var(--module-primary-gradient,var(--accent-blue,#1677ff));box-shadow:var(--login-primary-shadow,none);color:#fff}
dialog.sbapi-dlg .btn-line{border:1px solid var(--login-secondary-border,#3a3f4b);background:var(--login-secondary-bg,#21252d);color:var(--font-color,#fff)}
/* 회원 입금 · 출금 바로가기(2026-10-20): PC 는 원본 .header-menu.quick, 모바일은 원본 .gnb2 를 두 칸으로 */
.header-menu.quick.tr-quick{margin:0}
.header-menu.quick.tr-quick a{font-size:var(--fs12)}
.gnb2.tr-gnb2{grid-template-columns:1fr 1fr}
.gnb2.tr-gnb2 a{font-size:12px;color:var(--font-color)}
.gnb2.tr-gnb2 a:first-child .iconfont{color:var(--accent-blue,#1d8cf8)}
.gnb2.tr-gnb2 a:last-child .iconfont{color:var(--accent-cyan,#17c1d3)}
/* 하단 저작권 칸(청소년이용불가 · COPYRIGHT · 쿠키삭제) 숨김 — 2026-10-20 형님 "하단에 이거 안뜨게해" */
#footer{display:none!important}
/* TITI홀덤 · 미니게임 · 카드게임 · 선물 등 메뉴 숨김은 관리자 "회원 메뉴" 설정(사이트 10)을 따르는 p/menu-gate.js 가 맡는다(2026-10-20 형님 "어드민에서 메뉴들 숨길수잇게") — 여기서 고정으로 숨기지 않는다 */
/* 오른쪽 배너 중 텔레그램 공지방 · 카카오톡 고객센터 제거 — 2026-10-20 형님 "오른쪽에 이거 제거해"(PC 쪽만 있는 배너) */
#right .banners>a[data-gd-off],
#right .banners>a[data-gd-off]{display:none!important}

/* 그리드벳: 원본 화면의 텔레그램·카카오 링크는 고객센터로 바꾸고 숨긴다(build.py) */
[data-gd-off]{display:none!important}