/*!
 * css/lr-win.css — 당첨조회(win/) 전용 (Phase E / [03])
 * [2026-07-13] 신규. 기존 디자인시스템(wh_card·picks_table·lotto_ball) 재사용, 신규는 lr-* prefix 만.
 */

/* ── 스켈레톤 로딩 ─────────────────────────────── */
.lr-skeleton{display:inline-block;min-width:60px;min-height:1em;border-radius:6px;
  background:linear-gradient(90deg,#eee 25%,#f7f7f7 50%,#eee 75%);background-size:200% 100%;
  animation:lrSkel 1.2s ease-in-out infinite;color:transparent!important;}
.lr-skel-balls{min-width:280px;min-height:38px;border-radius:19px;}
@keyframes lrSkel{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── win 서브탭 ────────────────────────────────── */
.lr-win-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px;}
.lr-win-tabs a{display:inline-block;padding:9px 18px;border-radius:20px;font-size:14px;
  color:#666;background:#fff;border:1px solid #ddd;text-decoration:none;transition:all .15s;}
.lr-win-tabs a:hover{border-color:#999;color:#222;}
.lr-win-tabs a.active{background:#222;border-color:#222;color:#fff;font-weight:600;}

/* ── 최신회 히어로 ─────────────────────────────── */
.lr-win-hero{text-align:center;padding:8px 0 4px;}
.lr-win-hero .lr-round-title{font-size:22px;font-weight:700;color:#222;}
.lr-win-hero .lr-round-title b{color:#e2382d;}
.lr-win-hero .lr-round-date{font-size:13px;color:#888;margin:4px 0 14px;}
.lr-win-hero .result_balls{justify-content:center;display:flex;gap:6px;flex-wrap:wrap;}
.lr-win-hero .lr-prize-row{display:flex;justify-content:center;gap:28px;margin-top:16px;flex-wrap:wrap;}
.lr-win-hero .lr-prize-item{font-size:14px;color:#666;}
.lr-win-hero .lr-prize-item b{display:block;font-size:18px;color:#222;margin-top:3px;}
.lr-win-nav{display:flex;justify-content:center;gap:10px;margin-top:16px;}
.lr-win-nav a,.lr-win-nav button{padding:7px 16px;border:1px solid #ddd;border-radius:8px;background:#fff;
  font-size:13px;color:#555;cursor:pointer;text-decoration:none;}
.lr-win-nav a:hover{border-color:#999;color:#222;}

/* ── 최근 회차 리스트/검색 결과 행 ─────────────── */
.lr-round-row-balls .result_balls{display:flex;gap:4px;flex-wrap:wrap;}
.lr-round-row-balls .lotto_ball{width:28px;height:28px;line-height:28px;font-size:13px;}

/* ── 검색 폼 ───────────────────────────────────── */
.lr-win-search{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px;}
.lr-win-search input{padding:9px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;min-width:140px;}
.lr-win-search button{padding:9px 20px;border:0;border-radius:8px;background:#222;color:#fff;font-size:14px;cursor:pointer;}
.lr-win-search .lr-hint{font-size:12px;color:#999;width:100%;}

/* ── 기간 탭(통계/분석) ────────────────────────── */
.lr-period-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.lr-period-tabs button{padding:7px 14px;border:1px solid #ddd;border-radius:16px;background:#fff;
  font-size:13px;color:#666;cursor:pointer;}
.lr-period-tabs button.active{background:#222;border-color:#222;color:#fff;}

/* ── 빈도 막대(1~45) ───────────────────────────── */
.lr-freq-chart{display:flex;align-items:flex-end;gap:3px;height:180px;padding:8px 0 0;overflow-x:auto;}
.lr-freq-col{flex:1 0 14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:14px;}
.lr-freq-bar{width:100%;max-width:20px;background:linear-gradient(180deg,#f4c04a,#e2a72d);border-radius:3px 3px 0 0;min-height:2px;transition:height .3s;}
.lr-freq-num{font-size:10px;color:#888;}
.lr-freq-cnt{font-size:9px;color:#bbb;}

/* ── 분석 분포 막대(가로) ──────────────────────── */
.lr-dist-list{list-style:none;margin:0;padding:0;}
.lr-dist-list li{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;}
.lr-dist-label{flex:0 0 74px;color:#666;text-align:right;}
.lr-dist-track{flex:1;background:#f2f2f2;border-radius:5px;height:14px;overflow:hidden;}
.lr-dist-fill{height:100%;background:linear-gradient(90deg,#59626a,#7d8790);border-radius:5px;min-width:2px;transition:width .3s;}
.lr-dist-cnt{flex:0 0 70px;color:#888;font-size:12px;}

/* ── TOP/BOTTOM 뱃지 그리드 ────────────────────── */
.lr-rank-grid{display:flex;gap:6px;flex-wrap:wrap;}
.lr-rank-grid .lr-rank-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#999;}

/* ── 번호 확인(check) 폼 ───────────────────────── */
.lr-check-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.lr-check-form input[type=number]{width:64px;padding:9px 8px;border:1px solid #ddd;border-radius:8px;font-size:14px;text-align:center;}
.lr-check-result{margin-top:14px;font-size:14px;color:#444;line-height:1.7;}
.lr-check-result b.lr-rank-hit{color:#e2382d;font-size:17px;}

/* 빈/오류 상태 */
.lr-win-empty{padding:26px 0;text-align:center;color:#999;font-size:14px;}

@media (max-width:768px){
  .lr-win-hero .lr-prize-row{gap:16px;}
  .lr-freq-col{flex-basis:11px;min-width:11px;}
}

/* ==========================================================================
   [2026-07-22 19:00] win/list.php 상단 '추첨결과' 블록 (.lr-res-* 전용 스코프)
   운영자 지시: dhlottery.co.kr/lt645/result 구성으로.
   ⚠ 기존 클래스(.lr-win-*, .wh_card, .picks_table, .lotto_ball)는 **무수정**,
     새 규칙은 전부 .lr-res 하위로만 한정해 다른 화면을 침범하지 않는다.
   ========================================================================== */
.lr-res{ margin-bottom:28px; }

/* 제목 + 회차 선택 (동행복권: 좌측 제목 / 우측 드롭다운) */
.lr-res-head{
    display:flex; align-items:center; justify-content:space-between;
    gap:12px; flex-wrap:wrap; margin:4px 0 14px;
}
.lr-res-title{
    font-size:22px; font-weight:800; color:#1b2233; letter-spacing:-.4px; margin:0;
}
.lr-res-pick select{
    min-width:132px; padding:10px 16px; border:1px solid #d7dbe3; border-radius:999px;
    background:#fff; font-size:14px; color:#1b2233; cursor:pointer;
}
.lr-res-pick select:focus{ outline:none; border-color:#1b2233; }

/* 당첨번호 카드 */
.lr-res-card{ text-align:center; padding:28px 20px 24px; }

.lr-res-nav{ display:flex; align-items:center; justify-content:center; gap:20px; }
.lr-res-round{ font-size:22px; font-weight:700; color:#1b2233; }
.lr-res-round strong{ color:#20a86a; font-weight:800; }   /* 동행복권의 회차 강조색 */

.lr-res-arrow{
    width:42px; height:42px; flex:0 0 42px;
    border:1px solid #d7dbe3; border-radius:50%; background:#fff;
    color:#5b6478; font-size:16px; cursor:pointer;
    display:inline-flex; align-items:center; justify-content:center;
    transition:border-color .15s, color .15s, background .15s;
}
.lr-res-arrow:hover:not(:disabled){ border-color:#1b2233; color:#1b2233; background:#f7f8fb; }
.lr-res-arrow:disabled{ opacity:.35; cursor:default; }

.lr-res-date{ margin:10px 0 22px; font-size:14px; color:#8a93a4; }

.lr-res-balls .result_balls{
    display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap;
}
.lr-res-balls .lotto_ball{ width:52px; height:52px; line-height:52px; font-size:20px; font-weight:700; }
.lr-res-balls .ball_plus{ color:#b9bfcb; font-size:22px; padding:0 2px; }

/* '당첨번호 / 보너스번호' 라벨 — 동행복권의 밑줄 라벨 표현 */
.lr-res-legend{
    display:flex; justify-content:center; align-items:center;
    gap:120px; margin-top:14px; font-size:13px; color:#8a93a4;
}
.lr-res-legend span{ position:relative; padding-top:12px; }
.lr-res-legend span::before{
    content:""; position:absolute; top:0; left:50%; transform:translateX(-50%);
    height:1px; background:#dfe3ea;
}
.lr-res-legend-main::before{ width:220px; }
.lr-res-legend-bonus::before{ width:64px; }

/* 등위별 총 당첨금 표 */
.lr-res-table{ margin-top:22px; }
.lr-res-table table{ width:100%; }
.lr-res-table thead th{
    background:#f7f8fb; color:#5b6478; font-size:13px; font-weight:700;
    padding:14px 10px; white-space:nowrap; border-bottom:1px solid #e6e9ef;
}
.lr-res-table tbody td{
    padding:16px 10px; font-size:14px; color:#2b3244; text-align:center;
    border-bottom:1px solid #f0f2f6; vertical-align:middle;
}
.lr-res-table tbody tr:last-child td{ border-bottom:0; }
.lr-res-table .lr-res-rank{ font-weight:700; color:#1b2233; white-space:nowrap; }
.lr-res-table .lr-res-money{ color:#20a86a; font-weight:700; white-space:nowrap; }

/* 모바일 */
@media (max-width:768px){
    .lr-res-title{ font-size:19px; }
    .lr-res-card{ padding:20px 12px 18px; }
    .lr-res-round{ font-size:18px; }
    .lr-res-nav{ gap:10px; }
    .lr-res-arrow{ width:36px; height:36px; flex:0 0 36px; font-size:14px; }
    .lr-res-balls .result_balls{ gap:6px; }
    .lr-res-balls .lotto_ball{ width:40px; height:40px; line-height:40px; font-size:16px; }
    .lr-res-legend{ gap:44px; font-size:12px; }
    .lr-res-legend-main::before{ width:150px; }
    .lr-res-legend-bonus::before{ width:46px; }
    /* 표는 가로 스크롤(그누보드 .table_wrap 관례 동일) */
    .lr-res-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .lr-res-table table{ min-width:640px; }
    .lr-res-table thead th, .lr-res-table tbody td{ padding:12px 8px; font-size:13px; }
}

/* ==========================================================================
   [2026-07-23] win/list.php 디자인 개선 (운영자 지시)
   ⚠ 마크업/JS 무변경 — CSS 만으로 처리. 모든 규칙을 `.win-page` 스코프로 한정해
     다른 화면(gold_picks·issued_picks 등 `.picks_table` 공용 사용처)을 침범하지 않는다.
   ========================================================================== */

/* ── ① 목록의 당첨번호 볼 줄바꿈 해소 ─────────────────────────────
   기존 `.lr-round-row-balls .result_balls{flex-wrap:wrap}` 때문에 보너스 볼이
   다음 줄로 떨어져 행 높이가 들쭉날쭉했다(실화면 확인). 한 줄 고정으로 바꾸고
   볼을 조금 줄여 6+보너스가 한 줄에 들어가게 한다. */
.win-page .lr-round-row-balls .result_balls{
    flex-wrap:nowrap; justify-content:center; align-items:center; gap:3px;
}
.win-page .lr-round-row-balls .lotto_ball{
    width:25px; height:25px; line-height:25px; font-size:11.5px; font-weight:700; flex:0 0 25px;
}
.win-page .lr-round-row-balls .ball_plus{ color:#b9bfcb; font-size:13px; padding:0 1px; }
/* 번호 칸이 좁아 눌리지 않도록 최소 폭 확보 */
.win-page #lr_list_body td.lr-round-row-balls{ min-width:236px; white-space:nowrap; }

/* ── ② 하단 '회차별 조회' 표 — 상단 등위별 표와 톤 통일 ───────────── */
.win-page #lr_list_body td{
    padding:14px 10px; font-size:13.5px; color:#2b3244; text-align:center;
    border-bottom:1px solid #f0f2f6; vertical-align:middle;
}
.win-page #lr_list_body tr:last-child td{ border-bottom:0; }
.win-page #lr_list_body tr:hover td{ background:#f9fbff; }
.win-page #lr_list_body td:first-child a{ color:#1b2233; font-weight:700; text-decoration:none; }
.win-page #lr_list_body td:first-child a:hover{ color:#20a86a; }
/* 1등 당첨금·인원 — 숫자는 우측 정렬이 읽기 쉽다 */
.win-page #lr_list_body td:nth-child(4){ text-align:right; padding-right:18px; color:#20a86a; font-weight:700; white-space:nowrap; }
.win-page #lr_list_body td:nth-child(5){ text-align:right; padding-right:18px; white-space:nowrap; }
.win-page .picks_table thead th{
    background:#f7f8fb; color:#5b6478; font-size:12.5px; font-weight:700;
    padding:13px 10px; white-space:nowrap; border:0; border-bottom:1px solid #e6e9ef;
}

/* ── ③ 검색 폼 — 사이트 톤에 맞춰 정리 ───────────────────────────── */
.win-page .lr-win-search{ gap:10px; align-items:center; }
.win-page .lr-win-search input{
    padding:11px 14px; border:1px solid #d7dbe3; border-radius:10px; font-size:14px; min-width:170px;
    transition:border-color .15s;
}
.win-page .lr-win-search input:focus{ outline:none; border-color:#1b2233; }
.win-page .lr-win-search button{
    padding:11px 26px; border-radius:10px; background:#1b2233; font-weight:600;
    transition:background .15s;
}
.win-page .lr-win-search button:hover{ background:#2b3550; }
.win-page .lr-win-search .lr-hint{ color:#8a93a4; margin-top:2px; }

/* ── ④ 페이징 — 상단 카드와 어울리는 알약형 ───────────────────────── */
.win-page .pg_wrap{ margin-top:20px; text-align:center; }
.win-page .pg_wrap .pg_page,
.win-page .pg_wrap .pg_current{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:34px; height:34px; margin:0 2px; padding:0 8px;
    border:1px solid #e6e9ef; border-radius:9px; background:#fff;
    font-size:13px; color:#5b6478; text-decoration:none;
}
.win-page .pg_wrap .pg_page:hover{ border-color:#1b2233; color:#1b2233; }
.win-page .pg_wrap .pg_current{ background:#1b2233; border-color:#1b2233; color:#fff; font-weight:700; }

/* ── ⑤ 모바일 ────────────────────────────────────────────────────── */
@media (max-width:768px){
    /* 표는 가로 스크롤(그누보드 .table_wrap 관례) — 볼이 눌리지 않게 최소폭 유지 */
    .win-page .table_wrap.view_table{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .win-page .table_wrap.view_table > table{ min-width:680px; }
    .win-page #lr_list_body td{ padding:11px 8px; font-size:13px; }
    .win-page .lr-round-row-balls .lotto_ball{ width:23px; height:23px; line-height:23px; font-size:11px; flex:0 0 23px; }
    .win-page #lr_list_body td.lr-round-row-balls{ min-width:218px; }
    .win-page .lr-win-search input{ min-width:0; flex:1 1 46%; }
    .win-page .lr-win-search button{ flex:0 0 auto; }
}

/* ==========================================================================
   [2026-07-23] win/ 상세(최신 당첨결과 · 회차 상세) 디자인 개선 — 운영자 지시
   대상: win/index.php · win/round.php 가 공유하는 _detail_shell.php
   ⚠ 마크업 무변경(CSS 만). `.win-page` 스코프 한정.
   ========================================================================== */

/* ── 히어로: 회차·날짜·볼 ─────────────────────────────────────────── */
.win-page .lr-win-hero{ padding:18px 0 6px; }
.win-page .lr-win-hero .lr-round-title{
    font-size:26px; font-weight:800; color:#1b2233; letter-spacing:-.5px;
}
.win-page .lr-win-hero .lr-round-title b{ color:#20a86a; }   /* 회차 강조색을 목록/추첨결과와 통일 */
.win-page .lr-win-hero .lr-round-date{ font-size:13.5px; color:#8a93a4; margin:6px 0 20px; }

.win-page .lr-win-hero .result_balls{ gap:10px; }
.win-page .lr-win-hero .lotto_ball{
    width:56px; height:56px; line-height:56px; font-size:21px; font-weight:700;
    box-shadow:0 2px 6px rgba(0,0,0,.10);
}
.win-page .lr-win-hero .ball_plus{ color:#b9bfcb; font-size:22px; padding:0 4px; }

/* ── 1등 당첨자 / 당첨금 요약 — 카드형으로 정리 ───────────────────── */
.win-page .lr-win-hero .lr-prize-row{
    gap:0; margin-top:22px; border-top:1px solid #eef0f4; padding-top:18px;
}
.win-page .lr-win-hero .lr-prize-item{
    flex:1 1 0; min-width:140px; font-size:13px; color:#8a93a4; text-align:center;
    position:relative;
}
.win-page .lr-win-hero .lr-prize-item + .lr-prize-item::before{
    content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px; background:#eef0f4;
}
.win-page .lr-win-hero .lr-prize-item b{
    font-size:22px; color:#1b2233; font-weight:800; margin-top:6px; letter-spacing:-.3px;
}

/* ── 이전/다음 회차 버튼 ─────────────────────────────────────────── */
.win-page .lr-win-nav{ margin-top:22px; gap:8px; }
.win-page .lr-win-nav a{
    padding:10px 20px; border:1px solid #d7dbe3; border-radius:999px;
    font-size:13.5px; color:#5b6478; font-weight:600;
    transition:border-color .15s, color .15s, background .15s;
}
.win-page .lr-win-nav a:hover{ border-color:#1b2233; color:#1b2233; background:#f7f8fb; }

/* ── 등수별 당첨 현황 표 ─────────────────────────────────────────── */
.win-page #lr_winner_body td{
    padding:15px 10px; font-size:13.5px; color:#2b3244; text-align:center;
    border-bottom:1px solid #f0f2f6; vertical-align:middle;
}
.win-page #lr_winner_body tr:last-child td{ border-bottom:0; }
.win-page #lr_winner_body tr:hover td{ background:#f9fbff; }
.win-page #lr_winner_body .lr-wn-rank{ font-weight:700; color:#1b2233; white-space:nowrap; }
.win-page #lr_winner_body .lr-wn-cnt{ text-align:right; padding-right:18px; white-space:nowrap; }
.win-page #lr_winner_body .lr-wn-prize{
    text-align:right; padding-right:18px; color:#20a86a; font-weight:700; white-space:nowrap;
}
.win-page #lr_winner_body .lr-wn-crit{ color:#5b6478; white-space:nowrap; }

/* 1·2등 배출 판매점 표도 같은 톤 */
.win-page #lr_store_body td{
    padding:14px 10px; font-size:13.5px; color:#2b3244; text-align:center;
    border-bottom:1px solid #f0f2f6;
}
.win-page #lr_store_body tr:last-child td{ border-bottom:0; }
.win-page #lr_store_body tr:hover td{ background:#f9fbff; }

/* ── 내 번호 당첨 확인 ───────────────────────────────────────────── */
.win-page .lr-check-form{ gap:8px; align-items:center; flex-wrap:wrap; }
.win-page .lr-check-form .lr-check-num{
    width:56px; height:44px; text-align:center; font-size:15px; font-weight:600;
    border:1px solid #d7dbe3; border-radius:10px; color:#1b2233;
}
.win-page .lr-check-form .lr-check-num:focus{ outline:none; border-color:#1b2233; }
.win-page .lr-check-form .lr-win-check-btn{
    height:44px; padding:0 24px !important; border-radius:10px !important;
    background:#1b2233 !important; font-weight:600;
}

/* ── 모바일 ──────────────────────────────────────────────────────── */
@media (max-width:768px){
    .win-page .lr-win-hero{ padding:10px 0 4px; }
    .win-page .lr-win-hero .lr-round-title{ font-size:21px; }
    .win-page .lr-win-hero .result_balls{ gap:6px; }
    .win-page .lr-win-hero .lotto_ball{ width:42px; height:42px; line-height:42px; font-size:17px; }
    .win-page .lr-win-hero .lr-prize-row{ margin-top:16px; padding-top:14px; }
    .win-page .lr-win-hero .lr-prize-item{ min-width:0; font-size:12px; }
    .win-page .lr-win-hero .lr-prize-item b{ font-size:17px; }
    .win-page #lr_winner_body td, .win-page #lr_store_body td{ padding:12px 8px; font-size:13px; }
    .win-page .lr-check-form .lr-check-num{ width:46px; height:40px; font-size:14px; }
    .win-page .lr-check-form .lr-win-check-btn{ height:40px; padding:0 18px !important; }
}

/* ==========================================================================
   [2026-07-23] 실화면 오류 2건 수정 (운영자 지적)
   ① 당첨번호/보너스번호 라벨이 볼 위치와 어긋남
   ② 하단 페이징의 처음·이전·다음·맨끝이 빈 박스로 보임
   ========================================================================== */

/* ── ① 라벨 정렬 — 볼 크기와 자동 동기화 ──────────────────────────
   기존엔 밑줄 폭을 220px·64px 로 **고정**해 두어 볼 배치와 맞지 않았다(실화면).
   볼 크기·간격을 CSS 변수로 두고 라벨 폭을 계산식으로 뽑아, PC/모바일이 항상 일치하게 한다.
     당첨번호 = 볼6개 + 사이간격5개 / 보너스번호 = 볼1개
     둘 사이 = 간격2개 + '+' 기호 폭 */
.win-page .lr-res{ --lr-ball:52px; --lr-gap:10px; --lr-plus:20px; }

.win-page .lr-res-balls .lotto_ball{
    width:var(--lr-ball); height:var(--lr-ball); line-height:var(--lr-ball);
    flex:0 0 var(--lr-ball);
}
.win-page .lr-res-balls .result_balls{ gap:var(--lr-gap); flex-wrap:nowrap; }

.win-page .lr-res-legend{
    display:flex; justify-content:center; align-items:flex-start;
    gap:0; margin-top:14px; font-size:13px; color:#8a93a4;
}
.win-page .lr-res-legend span{
    position:relative; padding-top:12px; text-align:center; display:block;
}
/* 밑줄은 라벨 폭 전체로 — 고정 px 제거 */
.win-page .lr-res-legend span::before{
    content:""; position:absolute; top:0; left:0; right:0;
    width:auto; height:1px; background:#dfe3ea; transform:none;
}
.win-page .lr-res-legend-main{
    width:calc(var(--lr-ball) * 6 + var(--lr-gap) * 5);
}
.win-page .lr-res-legend-bonus{
    width:var(--lr-ball);
    margin-left:calc(var(--lr-gap) * 2 + var(--lr-plus));
}

/* ── ② 페이징 화살표 복구 ────────────────────────────────────────
   css/default.css:473~476 이 .pg_start/.pg_prev/.pg_next/.pg_end 를
   **배경 이미지(btn_first.gif 등) + text-indent:-999px** 로 그린다.
   앞서 넣은 `background:#fff` 가 그 이미지를 덮어 **빈 박스**가 됐고,
   링크 글자는 .sound_only(화면 숨김)라 아무것도 안 보였다.
   → 이미지 대신 문자 글리프로 그린다(text-indent 해제 필수). */
.win-page .pg_wrap .pg_start,
.win-page .pg_wrap .pg_prev,
.win-page .pg_wrap .pg_next,
.win-page .pg_wrap .pg_end{
    text-indent:0; overflow:visible; background-image:none; padding:0 8px;
    font-size:0;                      /* sound_only 텍스트 자리 제거 */
    color:#5b6478;
}
.win-page .pg_wrap .pg_start::before,
.win-page .pg_wrap .pg_prev::before,
.win-page .pg_wrap .pg_next::before,
.win-page .pg_wrap .pg_end::before{
    font-size:13px; line-height:1; font-weight:700; letter-spacing:-1px;
}
.win-page .pg_wrap .pg_start::before{ content:"\00AB"; }   /* « 처음 */
.win-page .pg_wrap .pg_prev::before { content:"\2039"; }   /* ‹ 이전 */
.win-page .pg_wrap .pg_next::before { content:"\203A"; }   /* › 다음 */
.win-page .pg_wrap .pg_end::before  { content:"\00BB"; }   /* » 맨끝 */

/* ── 모바일: 볼 변수만 바꾸면 라벨도 함께 따라온다 ──────────────── */
@media (max-width:768px){
    .win-page .lr-res{ --lr-ball:40px; --lr-gap:6px; --lr-plus:16px; }
    .win-page .lr-res-legend{ font-size:12px; }
}