/* 그리드벳 bet365 가상게임 · 가상게임 결과 — 원본 CSS(module.css 의 bet365 · 미니게임영상 · 미니게임시간 · 미니게임버튼내역 · 게임중지 · 미니게임 리스트 절,
   layout_pc/mobile.css 의 탭 · 경기결과 줄)에 없는 칸만 원본 색 변수로 보탠다 */

.tr-vg [hidden]{display:none!important}
.tr-vg .vg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 종목 · 리그 탭 숫자 */
.tr-vg .tabTitle a .vg-n{margin-left:4px;font-family:'p6';font-size:11px;color:var(--38ffa8)}
.tr-vg .tabTitle.depth2 a .vg-n{color:var(--939393)}
.tr-vg .tabTitle.depth2 a.on .vg-n{color:var(--38ffa8)}

/* 불러오는 중 · 중지 · 오류 안내 */
.tr-vg .vg-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:160px;margin:10px 0;padding:30px 16px;border-radius:10px;background:var(--3838);box-shadow:inset 0 0 0 1px var(--module-panel-border);font-size:13px;color:var(--aeae);text-align:center;word-break:keep-all}
.tr-vg .vg-state b{font-family:'p6';font-weight:normal;font-size:15px;color:var(--font-color)}
.tr-vg .vg-state[data-kind=err] b{color:#ffb36b}
.tr-vg .vg-conn{margin:0 0 10px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,179,107,.35);background:rgba(255,179,107,.08);font-size:12px;line-height:1.5;color:#ffb36b}

/* 중계 영상(원본 .videoWrap.bet365) — 시계 줄은 원본 .clockArea */
.tr-vg .videoWrap.bet365 .clockArea{align-self:stretch;gap:10px}
.tr-vg .videoWrap.bet365 .clockArea .gameTitle{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}
.tr-vg .videoWrap.bet365 .clockArea .gameTitle #gameRound{margin-left:6px;font-size:13px}
.tr-vg .vg-clock{display:flex;flex:0 0 auto;align-items:center;gap:8px}
.tr-vg .vg-clock em{font-style:normal;font-size:12px;color:var(--aeae)}
.tr-vg .videoWrap.bet365 .bet365-iframe-wrap{padding:10px 0 0}
.tr-vg .vg-vbox{position:relative;width:100%;max-width:520px;aspect-ratio:16/9;background:#000}
.tr-vg .vg-vbox .bet365-iframe{border:0}
.tr-vg .vg-vload{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--game-iframe-bg);font-size:12px;color:var(--aeae);text-align:center}
.tr-vg .vg-vload .iconfont{font-size:30px;color:var(--38ffa8);animation:vgBlink 1.2s ease-in-out infinite}
.tr-vg .vg-vload b{font-family:'p6';font-weight:normal;font-size:14px;color:var(--font-color)}
.tr-vg .vg-vload.slow{inset:auto 0 0 0;padding:8px 12px;background:rgba(0,0,0,.72);pointer-events:none}
.tr-vg .vg-vload.slow small{color:#fff}
@keyframes vgBlink{50%{opacity:.35}}
.tr-vg .vg-vmsg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;max-width:520px;aspect-ratio:16/9;margin:0 auto;border-radius:8px;background:var(--black);font-size:13px;color:var(--aeae);text-align:center}
.tr-vg .vg-vmsg.vg-vmsg-sm{aspect-ratio:auto;height:70px}
.tr-vg .vg-vmsg .btn-play365{width:auto;padding:0 22px}
.tr-vg .videoWrap.bet365 .btn-play365{cursor:pointer;font-size:12px}
.tr-vg .videoWrap.bet365 .btn-play365.on{border-color:var(--38ffa8);color:var(--38ffa8)}
.tr-vg .videoWrap.bet365 .btn-game:empty{display:none}
.tr-vg .vg-vnote{margin:-4px 0 10px;font-size:11px;line-height:1.6;color:var(--939393);text-align:center;word-break:keep-all}

/* 목록 제목 */
.tr-vg .vg-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:18px 0 10px 10px}
.tr-vg .vg-head h3{font-family:'p6';font-weight:normal;font-size:16px;color:var(--font-color)}
.tr-vg .vg-head small{font-size:12px;color:var(--939393)}

/* 경기 칸(원본 미니게임 버튼 칸 .minigameArea .section) */
.tr-vg .vg-ev{margin:0 0 10px;padding:0 10px 10px;border-radius:10px;background:var(--3838);box-shadow:inset 0 0 0 1px var(--module-panel-border)}
.tr-vg .vg-ev .section{margin:0;padding:0;background:none;box-shadow:none}
.tr-vg .vg-ev-hd{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:var(--font-color)}
.tr-vg .vg-ev-hd .vg-time{font-family:'p7';font-weight:normal;font-size:15px;color:var(--38ffa8)}
.tr-vg .vg-ev-hd .vg-lg{flex:0 0 auto;font-size:12px;color:var(--aeae)}
.tr-vg .vg-ev-hd .vg-teams{overflow:hidden;min-width:0;font-family:'p6';white-space:nowrap;text-overflow:ellipsis}
.tr-vg .vg-ev-hd .vg-teams em{margin:0 8px;font-style:normal;font-size:11px;color:var(--939393)}
.tr-vg .vg-badge{flex:0 0 auto;margin-left:auto;padding:0 10px;border-radius:11px;background:var(--black);font-size:11px;line-height:22px;color:var(--aeae);font-variant-numeric:tabular-nums}
.tr-vg .vg-badge[data-tone=open]{color:var(--38ffa8)}
.tr-vg .vg-badge[data-tone=soon]{color:#ffb36b}
.tr-vg .vg-badge[data-tone=live]{color:var(--font-color)}
.tr-vg .vg-mks{display:grid;gap:0 12px}
.tr-vg .vg-mks.is-open{grid-template-columns:1fr 1fr}
.tr-vg .vg-ev .section .sTitle{height:32px;margin:0}
.tr-vg .vg-ev .section ul li .name img{width:20px;height:20px;margin-right:6px;vertical-align:middle;object-fit:contain}
.tr-vg .vg-ev .section ul.vg-runners{grid-template-columns:repeat(4,1fr)}
.tr-vg .vg-ev .section ul.vg-gridn{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.tr-vg .vg-ev .section ul li:focus-visible{outline:2px solid var(--38ffa8);outline-offset:-2px}
.tr-vg .vg-ev .section ul li .rate{font-variant-numeric:tabular-nums}
.tr-vg .vg-ev.is-closed{min-height:130px}
.tr-vg .vg-ev .betting_stop{border-radius:10px}
.tr-vg .vg-ev .betting_stop .line-center{font-size:18px}
.tr-vg .vg-ev .betting_stop .line-center .iconfont{height:40px;margin:0 0 8px;font-size:38px}
.tr-vg .vg-ev .betting_stop .line-center small{margin-top:4px;font-family:'p4';font-size:12px;color:var(--aeae)}
.tr-vg .vg-more{width:100%;height:32px;margin:8px 0 0;border:1px solid var(--4246);border-radius:6px;background:var(--black);font-size:12px;color:var(--aeae);cursor:pointer}
.tr-vg .vg-more:hover{border-color:var(--38ffa8);color:var(--font-color)}
.tr-vg .vg-empty{padding:30px 10px;border-radius:10px;background:var(--3838);font-size:13px;color:var(--aeae);text-align:center}

/* 내 베팅(원본 미니게임 리스트 .betGameList) */
.tr-vg .vg-bets{margin:20px 0 0}
.tr-vg .vg-bets .betTitle{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}
.tr-vg .vg-bets .betTitle h3.title{margin:0 0 0 10px}
.tr-vg .vg-bets .betTitle #listReload{float:none;width:auto;margin:0;padding:0 12px}
.tr-vg .vg-bets .inner dd ul li{text-overflow:ellipsis}
.tr-vg .vg-bets .vg-bets-msg{padding:24px 10px;font-size:13px;color:var(--aeae);text-align:center}
.tr-vg .vg-bets .vg-bets-msg a{margin-left:6px;color:var(--38ffa8);text-decoration:underline}
.tr-vg .vg-bets-all{margin:8px 10px 0;font-size:12px;text-align:right}
.tr-vg .vg-bets-all a{color:var(--aeae);text-decoration:underline}
.tr-vg .vg-bets-all a:hover{color:var(--38ffa8)}
.tr-vg .event-result-lose{color:#ff6b6b}

/* 최근 결과(원본 경기결과 줄 .thead/.g_item.result-vdog · 적중 줄 .g_item.vdog) */
.tr-vg .vg-res{margin-top:0;padding:0 10px 10px}
.tr-vg .vg-res .thead.result-vdog{grid-template-columns:150px 1fr 100px;color:var(--aeae)}
.tr-vg .vg-res .g_item{padding-bottom:3px}
.tr-vg .vg-res .g_item li.g_home{cursor:default}
.tr-vg .vg-res .g_item li.g_home .name b{font-weight:normal}
.tr-vg .vg-res .g_item li.g_more{font-family:'p6'}
.tr-vg .vg-res .vg-rrow+.vg-rrow{padding-top:5px;border-top:1px dashed rgba(98,105,113,.35)}
.tr-vg .vg-res .g_item.vdog.vg-win{padding-bottom:6px}
.tr-vg .vg-res .g_item.vdog.vg-win li{height:auto!important;min-height:32px}
.tr-vg .vg-res .g_item.vdog.vg-win li.g_day{color:var(--939393)}
.tr-vg .vg-res .g_item.vdog.vg-win li.g_home.flex-start{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 14px;padding:6px 12px;line-height:1.4;white-space:normal}
.tr-vg .vg-res .g_item.vdog.vg-win li.g_home.flex-start span{margin:0;font-size:12px}
.tr-vg .vg-res .g_item.vdog.vg-win li.g_home.flex-start span em{margin-right:4px;font-style:normal;color:var(--aeae)}
.tr-vg .vg-res .g_item.vdog.vg-win li.g_home.flex-start span.vg-void{color:var(--aeae)}
.tr-vg .vg-res .no-data{background:none}
.tr-vg .vg-rule{margin:12px 10px 0;word-break:keep-all}
.tr-vg .vg-rule a{color:var(--38ffa8);text-decoration:underline}

/* 슬립(원본 #right) — 고른 경기의 마감 글자 · 단폴 안내 */
#right #picklist li.vg-pk .vg-pk-msg{margin:6px 10px 0;font-size:11px;line-height:1.5;color:var(--38ffa8)}
#right #picklist li.vg-pk .vg-pk-msg.is-off{color:#ffb36b}
#right #picklist li.vg-pk .teams span.selected{color:var(--38ffa8)}
#right #picklist li.vg-pk.tr-pk-off{opacity:.7}
#right #picklist li.vg-pk .delete{cursor:pointer}
#right #picklist li.vg-pk .selInfo .rate.tr-up{color:#38ffa8}
#right #picklist li.vg-pk .selInfo .rate.tr-dn{color:#ff4d6d}
#right #vgAvailWon{font-style:normal}
#right .vg-slip-note{margin:8px 0 10px;font-size:11px;line-height:1.5;color:var(--939393);word-break:keep-all}

/* 밝은 테마 */
[data-theme-mode=light] .tr-vg .vg-state,[data-theme-mode=light] .tr-vg .vg-ev,[data-theme-mode=light] .tr-vg .vg-empty{background:#e8eff8}
[data-theme-mode=light] .tr-vg .vg-badge,[data-theme-mode=light] .tr-vg .vg-more{background:#fff}
[data-theme-mode=light] .tr-vg .vg-vmsg{background:#fff;color:#64748b}
[data-theme-mode=light] .tr-vg .vg-vload{color:#64748b}
[data-theme-mode=light] .tr-vg .vg-ev-hd .vg-time,[data-theme-mode=light] .tr-vg .vg-badge[data-tone=open],[data-theme-mode=light] .tr-vg .tabTitle a .vg-n,[data-theme-mode=light] .tr-vg .tabTitle.depth2 a.on .vg-n{color:var(--126e51)}
[data-theme-mode=light] .tr-vg .vg-badge[data-tone=soon],[data-theme-mode=light] .tr-vg .vg-state[data-kind=err] b{color:#c2410c}
[data-theme-mode=light] .tr-vg .vg-conn{border-color:rgba(194,65,12,.3);background:#fff7ed;color:#c2410c}
[data-theme-mode=light] .tr-vg .videoWrap.bet365 .btn-play365.on{border-color:var(--126e51);color:var(--126e51)}
[data-theme-mode=light] .tr-vg .vg-res .vg-rrow+.vg-rrow{border-top-color:#dbe7f5}
[data-theme-mode=light] .tr-vg .event-result-lose{color:#dc2626}
[data-theme-mode=light] .tr-vg .vg-res .g_item li.g_more{background:#fff}
[data-theme-mode=light] #right #picklist li.vg-pk .vg-pk-msg,[data-theme-mode=light] #right #picklist li.vg-pk .teams span.selected{color:var(--126e51)}
[data-theme-mode=light] #right #picklist li.vg-pk .vg-pk-msg.is-off{color:#c2410c}

/* 모바일(원본 module.css 모바일 절은 1280px 아래에서 .videoWrap 을 좌우 끝까지 편다) */
[device-mode=mobile] .tr-vg .vg-mks.is-open{grid-template-columns:1fr}
[device-mode=mobile] .tr-vg .vg-ev .section ul.vg-runners{grid-template-columns:1fr 1fr}
[device-mode=mobile] .tr-vg .vg-ev-hd{flex-wrap:wrap;gap:2px 8px;padding:8px 0 4px}
[device-mode=mobile] .tr-vg .vg-ev-hd .vg-teams{order:3;flex:1 0 100%;font-size:12px}
[device-mode=mobile] .tr-vg .vg-vbox{max-width:100%}
[device-mode=mobile] .tr-vg .videoWrap.bet365 .vg-vbox iframe{width:100%!important;height:100%}
[device-mode=mobile] .tr-vg .vg-vmsg{max-width:100%;border-radius:0}
[device-mode=mobile] .tr-vg .videoWrap.bet365 .clockArea .gameTitle{font-size:13px}
[device-mode=mobile] .tr-vg .vg-clock em{display:none}
[device-mode=mobile] .tr-vg .vg-head{margin:14px 0 8px 2px}
[device-mode=mobile] .tr-vg .vg-bets .inner .row .grid4 li{gap:2px}
[device-mode=mobile] .tr-vg .vg-bets .inner .row .grid4 li small{font-size:10px;color:var(--939393)}
[device-mode=mobile] .tr-vg .vg-bets .inner .row .selected{padding:0 10px;line-height:1.5;padding-block:8px;word-break:keep-all}
[device-mode=mobile] .tr-vg .vg-bets .inner .row .vg-bet-res{margin:6px 2px 0;font-size:11px;color:var(--aeae)}
[device-mode=mobile] .tr-vg .vg-res{padding:0;background:none}
[device-mode=mobile] .tr-vg .vg-res .thead{display:none}
[device-mode=mobile] .tr-vg .vg-res .vg-rrow{padding:8px 10px;border-radius:10px;background:var(--3838)}
[device-mode=mobile] .tr-vg .vg-res .vg-rrow+.vg-rrow{margin-top:6px;border-top:0}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog{grid-template-columns:48px 1fr 46px;height:auto;gap:3px}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog li.g_day{display:flex;order:0;grid-column:auto;justify-content:center}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog li.g_home{order:0;grid-column:auto;justify-content:flex-start}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog li.g_more{order:0;width:auto}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog li.g_home .name{white-space:normal;line-height:1.35}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog li{height:auto!important;min-height:35px}
[device-mode=mobile] .tr-vg .vg-res .g_item li.g_day .vg-d{display:none}
[device-mode=mobile] .tr-vg .vg-res .g_item.vdog.vg-win{grid-template-columns:48px 1fr;margin-top:3px}
[device-mode=mobile] .tr-vg .vg-res .g_item.vdog.vg-win li.g_day,[device-mode=mobile] .tr-vg .vg-res .g_item.vdog.vg-win li.g_home{grid-column:auto;order:0}
[device-mode=mobile] .tr-vg .vg-res .g_item.vdog.vg-win li.g_day{justify-content:center}
[device-mode=mobile] .tr-vg .vg-res .g_item.result-vdog:nth-of-type(1) li.g_day{display:flex}
[device-mode=mobile] .tr-vg .vg-rule{margin:12px 2px 0}
[data-theme-mode=light][device-mode=mobile] .tr-vg .vg-res .vg-rrow{background:#e8eff8}