@charset "utf-8";
/* =========================================================
   MEGA SCORE  -  메가파워볼 게임 페이지 다크 테마 오버라이드
   사용법: 게임 index.php 의 CSS 링크 중 "가장 마지막"에 추가
     <link rel="stylesheet" href="<?php echo G5_THEME_URL; ?>/css/megapowerball-theme.css">
   (기존 게임 CSS 보다 뒤에 와야 색이 덮어써집니다)
   * .analysis / #content / .pt_menu 등 게임 페이지 전용 선택자만 건드리므로
     다른 페이지에는 영향 없음.
   ========================================================= */

:root{
  --pb-bg:        #0c0d11;
  --pb-panel:     #15171f;
  --pb-panel-2:   #1c1f29;
  --pb-raise:     #101218;
  --pb-line:      #e6062a;
  --pb-line-soft: rgba(230,6,42,.30);
  --pb-bd:        rgba(255,255,255,.06);
  --pb-bd-2:      rgba(255,255,255,.10);
  --pb-text:      #e9ebef;
  --pb-dim:       #9aa1ac;
}

/* 공통: 게임 콘텐츠 영역 기본 글자색 + 섹션 간격 */
#content{color:var(--pb-text);}
#content .live_frame_wrap{margin-bottom:16px;background:transparent;}
#content .analysis > #pattern_graph,
#content .analysis > .powerball_summary_data,
#content .analysis > .powerball_stats_list{margin-bottom:16px;}

/* =========================================================
   1) 타이틀 밑 탭메뉴 (.pt_menu : 파워볼 1분/2분/3분)
   ========================================================= */
.pt_menu{margin:0 0 16px;}
.pt_menu .pt_list{
  display:flex;gap:6px;
  border-bottom:2px solid var(--pb-line);
  padding-bottom:0;
}
.pt_menu .pt_list li{float:none;margin:0;}
.pt_menu .pt_list li a{
  display:block;padding:11px 26px;
  border:1px solid var(--pb-bd);border-bottom:none;
  border-radius:8px 8px 0 0;
  background:var(--pb-raise);color:var(--pb-dim);
  font-weight:700;font-size:14px;line-height:1;
  transition:.15s;text-decoration:none;
}
.pt_menu .pt_list li a span{font-size:14px;color:inherit;}
.pt_menu .pt_list li a:hover{color:#fff;background:var(--pb-panel-2);text-decoration:none;}
.pt_menu .pt_list li a.selected{
  color:#fff;background:var(--pb-panel-2);
  border-color:var(--pb-line-soft);
  box-shadow:inset 0 2px 0 var(--pb-line);
}

/* =========================================================
   2) 패턴 그래프 (#pattern_graph)
   ========================================================= */
.pattern_graph{
  background:var(--pb-panel);
  border:1px solid var(--pb-bd);border-radius:8px;
  box-shadow:none;overflow:hidden;
}

/* 상단 탭 (파워볼 홀짝 / 언더오버 / 일반볼합 ...) */
.pattern_graph .main_tab,
.basic_pattern_graph .main_tab{
  width:100%;table-layout:fixed;
  border:none;border-bottom:1px solid var(--pb-bd);
  border-radius:0;background:var(--pb-raise);
}
.pattern_graph .main_tab li,
.basic_pattern_graph .main_tab li{
  width:auto;border-left:1px solid var(--pb-bd);
}
.pattern_graph .main_tab li:first-child,
.basic_pattern_graph .main_tab li:first-child{border-left:none;}
.pattern_graph .main_tab a,
.basic_pattern_graph .main_tab a{
  background:var(--pb-raise);color:var(--pb-dim);font-weight:600;
}
.basic_pattern_graph .main_tab a:after{background-color:var(--pb-bd)!important;}
.pattern_graph .main_tab .selected,
.basic_pattern_graph .main_tab .selected{
  margin:0;border:none;
  background:var(--pb-panel);color:#fff;
  box-shadow:inset 0 -2px 0 var(--pb-line);
}

/* 범례 (홀 000번 / 짝 000번 / 퐁당 / 꺾음) */
.pattern_graph .view .info{color:var(--pb-text);}
.pattern_graph .view .info li{color:var(--pb-text);}

/* 패턴 보드 영역 + 격자 배경 (밝은 bg_cell.png 제거 → 다크 미세 격자) */
.pattern_graph .view .box_area{
  border:1px solid var(--pb-bd);background:#0f1117;
  width:100%;
  overflow-x:auto;        /* 상시 스크롤바(scroll) → 필요할 때만(auto) */
}
.pattern_graph .view .inner{
  width:-webkit-max-content !important;
  width:max-content !important;  /* 내용만큼만 폭을 차지 → 넘치면 정상 가로스크롤 */
  min-width:100%;                /* 데이터가 적으면 영역 가로를 꽉 채움 */
  text-align:right;              /* 적을 때 패턴을 오른쪽 끝에 정렬 */
  background-color:#0f1117;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:33px 33px;
}
/* 가로 스크롤바 다크 스타일 (스크롤이 생길 때만 보임) */
.pattern_graph .view .box_area::-webkit-scrollbar{height:8px;}
.pattern_graph .view .box_area::-webkit-scrollbar-track{background:#0f1117;}
.pattern_graph .view .box_area::-webkit-scrollbar-thumb{background:#2a2f3d;border-radius:4px;}
.pattern_graph .view .box_area::-webkit-scrollbar-thumb:hover{background:var(--pb-line);}
/* 열 상단 라벨(홀/짝) 글자색 보정 */
.pattern_graph .view dt.ODD,.pattern_graph .view dt.UNDER,
.pattern_graph .view dt.LEFT,.pattern_graph .view dt.BLUE,
.pattern_graph .view dt.LOW{color:#4aa3e6;}
.pattern_graph .view dt.EVEN,.pattern_graph .view dt.OVER,
.pattern_graph .view dt.RIGHT,.pattern_graph .view dt.RED,
.pattern_graph .view dt.HIGH{color:#ff5d5d;}
/* 하단 카운트/연속(빈 dd 텍스트) */
.pattern_graph .view dl .length,
.pattern_graph .view dl .times{color:var(--pb-dim);}
/* 볼 색(파랑=홀 / 빨강=짝)은 그대로 유지 — 다크에서도 잘 보임 */

/* =========================================================
   3) 오늘의 통계데이터 (.powerball_summary_data)
   ========================================================= */
.powerball_summary_data{
  background:var(--pb-panel);
  border:1px solid var(--pb-bd);border-radius:8px;
  box-shadow:none;
}
.powerball_summary_data .hd{
  background:var(--pb-raise);
  border-bottom:1px solid var(--pb-line);
  color:#fff;
}
.powerball_summary_data .hd strong{color:var(--pb-line);}

/* 막대 그래프 */
.powerball_summary_data .bar_graph{border-right:1px solid var(--pb-bd);}
.powerball_summary_data .bar_graph dl{border-top:1px solid var(--pb-bd);}
.powerball_summary_data .bar_graph dt{color:var(--pb-text);font-weight:700;}
.powerball_summary_data .bar_graph .bar{background-color:var(--pb-panel-2);}
.powerball_summary_data .bar_graph p{color:var(--pb-dim);}
.powerball_summary_data .bar_graph .tx{
  background-color:var(--pb-panel);border:1px solid var(--pb-bd-2);color:var(--pb-text);
}
/* on 상태(파랑/빨강)는 기존 색 유지 */

/* 원형(파이) 범례 */
.powerball_summary_data .pie_graph .info li{color:var(--pb-text);}

/* =========================================================
   4) 회차별 통계 표 (.powerball_stats_list / #stats-list)
   ========================================================= */
.powerball_stats_list{
  background:var(--pb-panel);
  border:1px solid var(--pb-bd);border-radius:8px;
  box-shadow:none;
}
.powerball_stats_list th{
  background:var(--pb-raise);color:var(--pb-text);
  border-color:var(--pb-bd)!important;
}
.powerball_stats_list td{
  background:var(--pb-panel);color:var(--pb-text);
  border-color:var(--pb-bd)!important;
}
.powerball_stats_list th.line_left,
.powerball_stats_list td.line_left{border-left:1px solid var(--pb-line-soft)!important;}
.powerball_stats_list tbody tr:hover td{background:var(--pb-panel-2);}
/* 대/중/소 테두리 셀: 기본 회색 테두리만 다크로 (색 라벨은 유지) */
.powerball_stats_list .border_cell span{border-color:var(--pb-bd-2);color:var(--pb-text);}
/* 색상 라벨(대=빨강/중=파랑/소=초록, 홀짝/언오버)은 기존 색 유지 */

/* 더보기 버튼 */
.btn_list_more{
  border:1px solid var(--pb-bd);border-top:none;
  background:var(--pb-raise);color:var(--pb-text);
  font-weight:700;transition:.15s;
}
.btn_list_more:hover{background:var(--pb-panel-2);color:#fff;}

#loading-box{background:transparent;}