/* 서브 페이지 공통 보정: 예전 다크 테마용 Bootstrap 클래스·옛 컴포넌트를 파스텔 톤으로 맞춘다.
   includes/header_main.php(서브 페이지 공통 헤더)에서만 불러온다. */
:root{
  --stove-primary:var(--lilac-d); --stove-accent:var(--rose-d); --stove-bg:var(--bg);
  --stove-card-bg:var(--surface); --stove-card-border:var(--line); --stove-text:var(--ink); --stove-text-strong:var(--ink);
  --stove-glow:none; --stove-glow-magenta:none; --stove-primary-rgb:122,90,224;
  --bs-body-color:var(--ink); --bs-body-bg:var(--bg); --bs-border-color:var(--line);
  --bs-secondary-color:var(--muted); --bs-tertiary-bg:#efe9f6; --bs-link-color:var(--lilac-d); --bs-link-hover-color:var(--rose-d);
  --bs-link-color-rgb:122,90,224; --bs-emphasis-color:var(--ink);
}
/* Bootstrap 은 rem 기준이라 서브 페이지 루트 글씨를 15px 로 (1080p 에서 16px 은 크다) */
html:has(body.pastel.legacy){font-size:15px}
body.pastel.legacy{font-family:'Pretendard',system-ui,sans-serif;font-size:15px}
.pastel.legacy h1{font-size:1.9rem}
.pastel.legacy h2{font-size:1.7rem}
.pastel.legacy h3{font-size:1.4rem}
.pastel.legacy .display-4{font-size:2.6rem}
.pastel.legacy .display-5{font-size:2.2rem}
.pastel.legacy .display-6{font-size:1.9rem}
.pastel.legacy main.p-sub,.pastel.legacy .p-sub{padding-top:20px}
.pastel.legacy .container{max-width:1320px!important}

/* 제목·강조 */
.pastel.legacy h1,.pastel.legacy h2,.pastel.legacy h3,.pastel.legacy .display-4,.pastel.legacy .display-5,.pastel.legacy .display-6{color:var(--ink)}
.pastel.legacy .title-text,.pastel.legacy .neon-title{font-family:var(--display);font-weight:400;color:var(--ink)!important;text-shadow:none!important;letter-spacing:0}

/* 어두운 배경 유틸리티 → 파스텔 면 */
.pastel.legacy .bg-dark,.pastel.legacy .bg-black,.pastel.legacy .bg-body-tertiary{background-color:var(--surface)!important;color:var(--ink)}
.pastel.legacy .bg-secondary{background-color:#e9e2f3!important;color:var(--ink)!important}
.pastel.legacy .bg-dark.bg-opacity-50,.pastel.legacy .bg-dark.bg-opacity-75,.pastel.legacy .bg-dark.bg-opacity-25{background-color:#efe9f6!important}
.pastel.legacy .text-white,.pastel.legacy .text-light,.pastel.legacy .text-white-50,.pastel.legacy .link-light{color:var(--ink)!important}
.pastel.legacy .text-secondary,.pastel.legacy .text-muted{color:var(--muted)!important}
.pastel.legacy .text-info{color:var(--sky-d)!important}
.pastel.legacy .text-warning{color:var(--peach-d)!important}
.pastel.legacy .text-danger{color:var(--rose-d)!important}
.pastel.legacy .text-success{color:var(--mint-d)!important}
.pastel.legacy .text-primary{color:var(--lilac-d)!important}
.pastel.legacy .border-secondary,.pastel.legacy .border-dark{border-color:var(--line)!important}

/* 카드·패널 */
.pastel.legacy .card{background:var(--surface);color:var(--ink);border:0;border-radius:24px;box-shadow:var(--clay)}
.pastel.legacy .card-header,.pastel.legacy .card-footer{background:transparent;border-color:var(--line)}
.pastel.legacy .card-body{padding:1.25rem}
.pastel.legacy .card-title a{color:var(--ink);font-weight:700}
.pastel.legacy .card-title a:hover{color:var(--lilac-d)}
.pastel.legacy .list-group-item{background:transparent;color:var(--ink);border-color:var(--line)}
.pastel.legacy .list-group-item-action:hover{background:#efe9f6}

/* 표 */
.pastel.legacy .table{--bs-table-bg:transparent;--bs-table-color:var(--ink);--bs-table-border-color:var(--line);--bs-table-hover-bg:#efe9f6;--bs-table-hover-color:var(--ink);--bs-table-striped-bg:#f2eef8;color:var(--ink)}
.pastel.legacy .table-dark{--bs-table-bg:#e9e2f3;--bs-table-color:var(--ink);--bs-table-border-color:var(--line);color:var(--ink)}
.pastel.legacy .table thead th{color:var(--muted);font-weight:700;font-size:.85rem;border-bottom-color:var(--line)}

/* 폼 */
.pastel.legacy .form-control,.pastel.legacy .form-select,.pastel.legacy .input-group-text{background-color:#f2eef8;color:var(--ink);border:1.5px solid var(--line);border-radius:12px}
.pastel.legacy .input-group>.form-control,.pastel.legacy .input-group>.input-group-text,.pastel.legacy .input-group>.btn{border-radius:12px}
.pastel.legacy .form-control:focus,.pastel.legacy .form-select:focus{background-color:#fff;color:var(--ink);border-color:var(--lilac-d);box-shadow:0 0 0 3px rgba(122,90,224,.15)}
.pastel.legacy .form-control::placeholder{color:#a8a0bd}
.pastel.legacy .form-check-input{border-color:#cfc4e3}
.pastel.legacy .form-check-input:checked{background-color:var(--lilac-d);border-color:var(--lilac-d)}
.pastel.legacy .form-label{color:var(--muted)}

/* 버튼 */
.pastel.legacy .btn{border-radius:14px;font-weight:700}
.pastel.legacy .btn-primary,.pastel.legacy .btn-info{background:linear-gradient(145deg,#ff9fbf,#b59bff);border:0;color:#fff;box-shadow:0 10px 18px -10px rgba(150,100,230,.9)}
.pastel.legacy .btn-success{background:var(--mint-d);border-color:var(--mint-d);color:#fff}
.pastel.legacy .btn-warning{background:var(--lemon);border-color:var(--lemon);color:var(--lemon-d)}
.pastel.legacy .btn-danger{background:var(--rose-d);border-color:var(--rose-d);color:#fff}
.pastel.legacy .btn-dark,.pastel.legacy .btn-secondary{background:#e9e2f3;border-color:#e9e2f3;color:var(--ink)}
.pastel.legacy .btn-outline-light,.pastel.legacy .btn-outline-secondary,.pastel.legacy .btn-outline-dark{color:var(--ink);border-color:var(--line);background:var(--surface)}
.pastel.legacy .btn-outline-light:hover,.pastel.legacy .btn-outline-secondary:hover,.pastel.legacy .btn-outline-dark:hover,
.pastel.legacy .btn-check:checked+.btn-outline-secondary,.pastel.legacy .btn-check:checked+.btn-outline-light{background:var(--lilac);border-color:var(--lilac);color:var(--lilac-d)}
.pastel.legacy .btn-outline-info{color:var(--sky-d);border-color:var(--sky)}
.pastel.legacy .btn-outline-info:hover{background:var(--sky);color:var(--sky-d)}
.pastel.legacy .btn-outline-warning{color:var(--peach-d);border-color:var(--peach)}
.pastel.legacy .btn-outline-warning:hover{background:var(--peach);color:var(--peach-d)}
.pastel.legacy .btn-outline-success{color:var(--mint-d);border-color:var(--mint)}
.pastel.legacy .btn-outline-success:hover{background:var(--mint);color:var(--mint-d)}
.pastel.legacy .btn-outline-danger{color:var(--rose-d);border-color:var(--rose)}
.pastel.legacy .btn-outline-danger:hover{background:var(--rose);color:var(--rose-d)}
.pastel.legacy .btn-outline-primary{color:var(--lilac-d);border-color:var(--lilac)}
.pastel.legacy .btn-outline-primary:hover{background:var(--lilac);color:var(--lilac-d)}
.pastel.legacy .btn-close-white{filter:none}

/* 탭·배지·알림·드롭다운 */
.pastel.legacy .nav-tabs{border-color:var(--line)}
.pastel.legacy .nav-tabs .nav-link{color:var(--muted);border-radius:14px 14px 0 0}
.pastel.legacy .nav-tabs .nav-link.active{background:var(--surface);color:var(--ink);border-color:var(--line) var(--line) var(--surface)}
.pastel.legacy .nav-pills .nav-link{color:var(--muted);border-radius:12px}
.pastel.legacy .nav-pills .nav-link.active,.pastel.legacy .nav-link.active.bg-success,.pastel.legacy .nav-link.active.bg-warning,.pastel.legacy .nav-link.active.bg-primary{background:var(--ink)!important;color:#fff!important}
.pastel.legacy .badge.bg-dark{background:#e9e2f3!important;color:var(--ink)!important}
.pastel.legacy .alert{border-radius:18px;border:0}
.pastel.legacy .alert-dark,.pastel.legacy .alert-secondary{background:#efe9f6;color:var(--ink)}
.pastel.legacy .dropdown-menu{background:var(--surface);border:0;border-radius:18px;box-shadow:var(--clay-hi)}
.pastel.legacy .dropdown-item{color:var(--ink);border-radius:10px}
.pastel.legacy .dropdown-item:hover{background:#efe9f6}

/* 페이지네이션 */
.pastel.legacy .pagination{gap:6px;flex-wrap:wrap}
.pastel.legacy .pagination .page-link{border:0;border-radius:12px!important;min-width:40px;text-align:center;background:var(--surface);color:var(--muted);font-weight:800;box-shadow:var(--clay)}
.pastel.legacy .pagination .page-item.active .page-link{background:linear-gradient(145deg,#ff9fbf,#b59bff);color:#fff}
.pastel.legacy .pagination .page-item.disabled .page-link{opacity:.4;background:var(--surface)}
.pastel.legacy .pagination .page-link:hover{color:var(--lilac-d)}

/* 모달 */
.pastel.legacy .modal-content{background:var(--surface);color:var(--ink);border:0;border-radius:28px;box-shadow:0 40px 80px -30px rgba(53,45,74,.6)}
.pastel.legacy .modal-header,.pastel.legacy .modal-footer{border-color:var(--line)}
.pastel.legacy .modal-title{font-family:var(--display);font-weight:400}

/* 예전 게임 카드 (랜덤 추천 등) */
.pastel.legacy .game-card{background:var(--surface);border:0;border-radius:22px;box-shadow:var(--clay);overflow:hidden;height:100%;position:relative;transition:transform .35s var(--spring),box-shadow .35s}
.pastel.legacy .game-card:hover{transform:translateY(-6px);box-shadow:var(--clay-hi)}
.pastel.legacy .game-card.owned-card{box-shadow:var(--clay),0 0 0 3px var(--mint)}
.pastel.legacy .game-img-wrapper{position:relative;padding-top:56.25%;overflow:hidden}
.pastel.legacy .game-icon{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.pastel.legacy .game-card:hover .game-icon{transform:scale(1.06)}
.pastel.legacy .badge-box{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:10}
.pastel.legacy .discount-badge{font-family:var(--display);font-weight:400;font-size:1rem;padding:3px 10px;border-radius:12px;background:#fff36b!important;color:#d0461e!important;transform:rotate(6deg);box-shadow:0 6px 12px -6px rgba(200,80,30,.7)}
.pastel.legacy .lowest-price-badge{position:absolute;top:10px;left:10px;z-index:10;color:#fff;border:0;background:linear-gradient(90deg,#ff7eb3,#a98bff,#6cc6ff);box-shadow:0 4px 10px -4px rgba(150,90,230,.8)}
.pastel.legacy .owned-badge{background:var(--mint-d);color:#fff;padding:3px 9px;font-weight:800;font-size:.75rem;border-radius:99px;display:inline-block}
.pastel.legacy .type-label{display:flex;justify-content:center;align-items:center;position:relative;width:100%;font-size:.75rem;font-weight:800;letter-spacing:.8px;padding:3px 0}
.pastel.legacy .type-label.game{background:var(--lilac);color:var(--lilac-d)}
.pastel.legacy .type-label.dlc{background:var(--sky);color:var(--sky-d)}
.pastel.legacy .type-label.demo{background:var(--mint);color:var(--mint-d)}
.pastel.legacy .type-label.collection{background:var(--peach);color:var(--peach-d)}
.pastel.legacy .type-label.utility{background:var(--aqua);color:var(--aqua-d)}
.pastel.legacy .type-text{flex-grow:1;text-align:center}
.pastel.legacy .preorder-tag{margin-left:6px;padding:0 7px;border-radius:99px;font-size:.65rem;background:var(--peach-d);color:#fff}
.pastel.legacy .lowest-icon-right{position:absolute;right:10px}
.pastel.legacy .price-original{text-decoration:line-through;color:var(--muted);font-size:.85em}
.pastel.legacy .price-final{font-family:var(--display);font-weight:400;color:var(--rose-d);font-size:1.35em;text-shadow:none}
.pastel.legacy .price-free{font-family:var(--display);font-weight:400;color:var(--mint-d);font-size:1.35em;text-shadow:none}
.pastel.legacy .price-restricted{color:var(--muted);font-weight:800;font-size:1.1em}
.pastel.legacy .price-upcoming{color:var(--peach-d);font-weight:800;font-size:1.1em}
.pastel.legacy .btn-toggle-owned{display:none}

/* 헤더 최소형 (게임 진행 화면 등) */
.p-hdr.min .p-hdr-row{justify-content:space-between}
.p-hdr.min{padding-bottom:12px}

/* 게시글 본문 */
.pastel.legacy .notice-content{background:var(--surface);border-radius:24px;padding:28px 30px;box-shadow:var(--clay);line-height:1.8;color:var(--ink);word-break:break-word}
.pastel.legacy .notice-content img{border-radius:14px}

/* 서브 페이지 본문이 헤더에 붙지 않게 */
.pastel.legacy .p-hdr{margin-bottom:22px}

/* 미니게임 장르 선택 버튼 (카드와 같은 흰 바탕이라 칩으로 구분) */
.pastel.legacy .btn-genre{background:#efe9f6!important;border:1.5px solid var(--line)!important;color:var(--ink)!important;padding:7px 16px;font-size:.9rem;transition:transform .25s var(--spring),background .2s}
.pastel.legacy .btn-genre:hover,.pastel.legacy .btn-genre.active{background:var(--lilac)!important;border-color:var(--lilac-d)!important;color:var(--lilac-d)!important;transform:translateY(-2px)}