/* 맨즈벳 — 유저페이지 UI 테마 (다크네이비 + 골드)
 *
 * 기준: /ess/ess-sports-board.css (스포츠 보드)
 *   패널 #0c1117 → #06090d, 테두리 #3a2f1d,
 *   골드 #f7dda6(밝음) / #f1c978(기본) / #805315(진함)
 *
 * 적용 범위
 *   - 새 셸(<html class="ess-new-shell">) 안에서만 적용한다.
 *   - 그래야 구버전 /renewal/index.php 가 같은 current-screen-runtime.css 를
 *     함께 쓰고 있어도 그 화면 디자인이 바뀌지 않는다.
 *   - 마커를 <html> 에 두는 이유: 입금 계좌 문의 모달은 document.body 에 붙어서
 *     #mensViewMount 밖에 있다. <html> 클래스는 그 모달까지 포함한다.
 *   - 이 파일 <link> 한 줄만 빼면 원래대로 돌아간다.
 */

/* ── 토큰 ─────────────────────────────────────────────── */
.ess-new-shell{
  --mg-panel:linear-gradient(180deg,#0c1117,#06090d);
  --mg-panel-deep:linear-gradient(180deg,#0b1016,#05080b);
  --mg-inset:#0a0e13;
  --mg-raised:#121820;

  --mg-line:#3a2f1d;
  --mg-line-soft:#2f2a1c;
  --mg-divider:#1e1a11;

  --mg-gold:#f1c978;
  --mg-gold-hi:#f7dda6;
  --mg-gold-deep:#805315;
  --mg-gold-mid:#c39b52;
  --mg-gold-dim:#8d7a55;
  --mg-on-gold:#1a1002;

  --mg-text:#f6efe2;
  --mg-text-2:#cbb98f;
  --mg-text-3:#a99a78;

  --mg-r-lg:12px;
  --mg-r-md:8px;
  --mg-r-sm:7px;
}

.ess-new-shell .cv-shell{color:var(--mg-text)}

/* ── 패널 / 카드 ──────────────────────────────────────── */
.ess-new-shell .cv-panel,
.ess-new-shell .cv-list-item,
.ess-new-shell .cv-card{
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-lg);
  background:var(--mg-panel);
  box-shadow:0 8px 24px #0007,inset 0 1px 0 #ffffff08;
  padding:16px;
  color:var(--mg-text);
}
.ess-new-shell .cv-panel + .cv-panel,
.ess-new-shell .cv-panel + .cv-list{margin-top:14px}

.ess-new-shell .cv-panel h2,
.ess-new-shell .cv-list-item h2,
.ess-new-shell .cv-card h2{
  margin:0 0 12px;
  color:var(--mg-gold);
  font-size:14px;
  font-weight:900;
  letter-spacing:.04em;
}
.ess-new-shell .cv-panel h2 small{
  margin-left:6px;
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
}

.ess-new-shell .cv-panel > p{color:var(--mg-text-3);font-size:12px;line-height:1.7}

/* ── 2단 그리드 ───────────────────────────────────────── */
.ess-new-shell .cv-grid{gap:14px}

/* ── 폼 ───────────────────────────────────────────────── */
.ess-new-shell .cv-form{gap:12px}
.ess-new-shell .cv-form label{
  gap:6px;
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.ess-new-shell .cv-form input,
.ess-new-shell .cv-form select,
.ess-new-shell .cv-form textarea{
  box-sizing:border-box;
  min-height:46px;
  padding:0 12px;
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
  color:var(--mg-text);
  font-size:15px;
  font-weight:800;
  font-family:inherit;
  transition:border-color .15s,background .15s;
}
.ess-new-shell .cv-form input::placeholder{color:#5f5540;font-weight:700}
.ess-new-shell .cv-form input:focus,
.ess-new-shell .cv-form select:focus,
.ess-new-shell .cv-form textarea:focus{
  outline:0;
  border-color:var(--mg-gold-mid);
  background:var(--mg-raised);
}
.ess-new-shell .cv-form input[data-money-input]{
  text-align:right;
  font-variant-numeric:tabular-nums;
  font-size:17px;
}

/* 제출 버튼 (골드) */
.ess-new-shell .cv-form > button,
.ess-new-shell .cv-form button[type="submit"]{
  min-height:46px;
  padding:0 14px;
  border:1px solid var(--mg-gold-hi);
  border-radius:var(--mg-r-sm);
  background:linear-gradient(180deg,var(--mg-gold),var(--mg-gold-deep));
  color:var(--mg-on-gold);
  font-size:14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 4px 14px #f1c97826;
  transition:filter .15s,transform .15s;
}
.ess-new-shell .cv-form > button:hover,
.ess-new-shell .cv-form button[type="submit"]:hover{filter:brightness(1.06);transform:translateY(-1px)}
.ess-new-shell .cv-form > button[disabled],
.ess-new-shell .cv-form button[type="submit"][disabled]{opacity:.4;cursor:not-allowed;transform:none;filter:none}

/* 금액 빠른선택 (보조 버튼) */
.ess-new-shell .cv-quick{gap:6px}
.ess-new-shell .cv-quick button{
  min-height:38px;
  padding:0 10px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-sm);
  background:var(--mg-inset);
  color:var(--mg-text-2);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .14s,color .14s,background .14s;
}
.ess-new-shell .cv-quick button:hover{
  border-color:var(--mg-gold-mid);
  background:var(--mg-raised);
  color:var(--mg-gold);
}

/* ── 보유머니 ─────────────────────────────────────────── */
.ess-new-shell .cv-balance{
  padding:14px 16px;
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-md);
  background:var(--mg-panel-deep);
  color:var(--mg-gold);
  font-size:26px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-align:right;
  box-shadow:inset 0 1px 0 #ffffff08;
}

/* ── 표 ───────────────────────────────────────────────── */
.ess-new-shell .cv-table-wrap{
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-panel-deep);
  overflow:auto;
}
.ess-new-shell .cv-table{min-width:520px}
.ess-new-shell .cv-table th,
.ess-new-shell .cv-table td{
  padding:11px 12px;
  border-bottom:1px solid var(--mg-divider);
  color:var(--mg-text);
  font-size:12px;
}
.ess-new-shell .cv-table th{
  background:var(--mg-inset);
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-align:left;
}
.ess-new-shell .cv-table tbody tr:last-child td{border-bottom:0}
.ess-new-shell .cv-table tbody tr:hover td{background:#ffffff06}
.ess-new-shell .cv-table td:first-child{color:var(--mg-text-3);white-space:nowrap}
.ess-new-shell .cv-table--finance td:nth-child(3),
.ess-new-shell .cv-table--point td:nth-child(2),
.ess-new-shell .cv-table--point td:nth-child(3),
.ess-new-shell .cv-table--betting td:nth-child(3){
  color:#ffd98a;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  text-align:right;
}

/* ── 빈 상태 / 안내 / 에러 ────────────────────────────── */
.ess-new-shell .cv-empty,
.ess-new-shell .cv-message,
.ess-new-shell .cv-error,
.ess-new-shell .cv-roll-none{
  padding:20px 12px;
  border:1px dashed var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:#080b0f;
  color:#7d6d4d;
  font-size:12px;
  font-weight:700;
  text-align:center;
}
.ess-new-shell .cv-error{color:#ff9a9a;border-color:#5a2320;background:#150a09}
.ess-new-shell .cv-message{color:var(--mg-text-2)}

/* ── 롤링 진행 현황 ───────────────────────────────────── */
.ess-new-shell .cv-roll-card{
  margin-bottom:12px;
  padding:14px;
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-lg);
  background:var(--mg-panel-deep);
  box-shadow:inset 0 1px 0 #ffffff06;
}
.ess-new-shell .cv-roll-card:last-child{margin-bottom:0}
.ess-new-shell .cv-roll-card.is-done{border-color:#2f5a33;background:linear-gradient(180deg,#0b1610,#060b09)}
.ess-new-shell .cv-roll-top{align-items:center}
.ess-new-shell .cv-roll-name b{color:var(--mg-text);font-size:13px;font-weight:900}
.ess-new-shell .cv-roll-name span{color:var(--mg-gold-dim);font-size:11px;font-weight:700}
.ess-new-shell .cv-roll-card.is-done .cv-roll-name b{color:#8ee89b}
.ess-new-shell .cv-roll-card.is-done .cv-roll-name span{color:#5f9e6b}
.ess-new-shell .cv-roll-pct{
  color:var(--mg-gold);
  font-size:22px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.ess-new-shell .cv-roll-card.is-done .cv-roll-pct{color:#8ee89b}
.ess-new-shell .cv-roll-nums{color:var(--mg-text-3);font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.ess-new-shell .cv-roll-bar{height:8px;border-radius:999px;background:#121820;box-shadow:inset 0 1px 2px #000a}
.ess-new-shell .cv-roll-bar i{border-radius:999px;background:linear-gradient(90deg,var(--mg-gold-deep),var(--mg-gold))}
.ess-new-shell .cv-roll-card.is-done .cv-roll-bar i{background:linear-gradient(90deg,#2f6b3a,#8ee89b)}
.ess-new-shell .cv-roll-detail-ttl{color:var(--mg-gold-dim);font-size:11px;font-weight:800;letter-spacing:.04em}
.ess-new-shell .cv-roll-item{
  padding:9px 11px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
}
.ess-new-shell .cv-roll-item p{color:var(--mg-text-2);font-weight:800}
.ess-new-shell .cv-roll-item time{color:#6b6047}
.ess-new-shell .cv-roll-item b{color:#ffd98a;font-variant-numeric:tabular-nums}
.ess-new-shell .cv-roll-block{
  padding:11px 12px;
  border:1px solid #5a3a1a;
  border-radius:var(--mg-r-md);
  background:#140f08;
  color:#ffce80;
  font-size:12px;
  font-weight:800;
  line-height:1.6;
}

/* ── 입금 계좌 문의 (입금 화면 버튼 + 모달) ───────────── */
.ess-new-shell .cv-account-row{gap:8px;margin-top:10px}
.ess-new-shell .cv-account-btn{
  min-height:42px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-sm);
  background:var(--mg-inset);
  color:var(--mg-text-2);
  font-size:12px;
  font-weight:800;
  transition:border-color .14s,color .14s,background .14s;
}
.ess-new-shell .cv-account-btn:hover{
  border-color:var(--mg-gold-mid);
  background:var(--mg-raised);
  color:var(--mg-gold);
}

.ess-new-shell .cv-account-modal{background:rgba(3,5,8,.82)}
.ess-new-shell .cv-account-box{
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-lg);
  background:var(--mg-panel);
  box-shadow:0 22px 60px #000c,inset 0 1px 0 #ffffff08;
  color:var(--mg-text);
}
.ess-new-shell .cv-account-head{
  padding:14px 16px;
  border-bottom:1px solid var(--mg-divider);
  background:linear-gradient(180deg,#121820,#0a0e13);
}
.ess-new-shell .cv-account-head h2{color:var(--mg-gold);font-size:14px;font-weight:900;letter-spacing:.04em}
.ess-new-shell .cv-account-close{
  width:30px;height:30px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-sm);
  background:var(--mg-inset);
  color:var(--mg-text-3);
  transition:border-color .14s,color .14s;
}
.ess-new-shell .cv-account-close:hover{border-color:var(--mg-gold-mid);color:var(--mg-gold)}
.ess-new-shell .cv-account-list dt{color:var(--mg-gold-dim);font-size:11px;font-weight:800;letter-spacing:.04em}
.ess-new-shell .cv-account-list dd{color:var(--mg-text);font-size:14px;font-weight:800}
.ess-new-shell .cv-account-value{
  padding:10px 12px;
  border:1px dashed var(--mg-line);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
  color:var(--mg-gold-hi)!important;
  font-size:13px;
}
.ess-new-shell .cv-account-copy,
.ess-new-shell .cv-account-go{
  min-height:42px;
  border:1px solid var(--mg-gold-hi);
  border-radius:var(--mg-r-sm);
  background:linear-gradient(180deg,var(--mg-gold),var(--mg-gold-deep));
  color:var(--mg-on-gold);
  font-size:13px;
  font-weight:900;
}
.ess-new-shell .cv-account-copy:hover,
.ess-new-shell .cv-account-go:hover{filter:brightness(1.06)}
.ess-new-shell .cv-account-note,
.ess-new-shell .cv-account-hint{color:var(--mg-text-3)!important;font-size:12px;line-height:1.7}
.ess-new-shell .cv-account-empty p{color:var(--mg-text-2);font-size:13px}

/* ── 모바일 보정 ──────────────────────────────────────── */
@media(max-width:768px){
  .ess-new-shell .cv-panel{padding:13px}
  .ess-new-shell .cv-balance{font-size:22px;padding:12px 13px}
  .ess-new-shell .cv-roll-pct{font-size:19px}
  .ess-new-shell .cv-form input,
  .ess-new-shell .cv-form select,
  .ess-new-shell .cv-form textarea{font-size:16px}
}

/* ============================================================
 * P2 — 머니내역 / 베팅내역
 * ============================================================ */

/* 보유 현황 두 번째 줄(포인트)은 보조 정보라 톤을 낮춘다. */
.ess-new-shell #mensViewMount .cv-balance.small{
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid var(--mg-divider);
  background:transparent;
  box-shadow:none;
  color:var(--mg-text-2);
  font-size:16px;
  font-weight:800;
}

/* 표 머리글 (historyRows 가 새 셸에서만 넣는다) */
.ess-new-shell #mensViewMount .cv-table thead th{
  padding:10px 12px;
  border-bottom:1px solid var(--mg-line);
  background:#0a0e13;
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  white-space:nowrap;
}
.ess-new-shell #mensViewMount .cv-table thead th:nth-child(3),
.ess-new-shell #mensViewMount .cv-table thead th:nth-child(4){text-align:right}

/* 줄무늬 + hover */
.ess-new-shell #mensViewMount .cv-table tbody tr:nth-child(even) td{background:#ffffff03}

/* 상태 칸은 한 줄로 */
.ess-new-shell #mensViewMount .cv-table--finance td:nth-child(4),
.ess-new-shell #mensViewMount .cv-table--betting td:nth-child(3){
  color:var(--mg-text-2);
  white-space:nowrap;
}

/* NEW 배지 — 빨강에서 골드로 */
.ess-new-shell .cv-badge{
  margin-left:7px;
  padding:2px 7px;
  border:1px solid var(--mg-gold-hi);
  border-radius:999px;
  background:linear-gradient(180deg,var(--mg-gold),var(--mg-gold-deep));
  color:var(--mg-on-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  vertical-align:middle;
}

/* select — 기본 화살표 대신 골드 케럿 */
.ess-new-shell #mensViewMount .cv-form select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:34px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23c39b52' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 13px center;
  background-size:10px 6px;
  cursor:pointer;
}
.ess-new-shell #mensViewMount .cv-form select option{
  background:#0a0e13;
  color:var(--mg-text);
}

/* 모바일 */
@media(max-width:768px){
  .ess-new-shell #mensViewMount .cv-balance.small{font-size:14px}
}

/* ============================================================
 * P4 — 출석체크 / 마이페이지
 * "달성/출석 완료"는 초록으로 유지한다(롤링 카드와 같은 초록 계열).
 * ============================================================ */

/* ── 출석체크 상단 (제목 + 월 이동) ────────────────────── */
.ess-new-shell #mensViewMount .cv-att-head{margin-bottom:14px;gap:8px}
.ess-new-shell #mensViewMount .cv-att-head h2{
  margin:0;
  color:var(--mg-gold);
  font-size:15px;
  font-weight:900;
  letter-spacing:.04em;
}
.ess-new-shell #mensViewMount .cv-att-head button{
  min-width:64px;
  min-height:34px;
  padding:0 12px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-sm);
  background:var(--mg-inset);
  color:var(--mg-text-2);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .14s,color .14s,background .14s;
}
.ess-new-shell #mensViewMount .cv-att-head button:hover{
  border-color:var(--mg-gold-mid);
  background:var(--mg-raised);
  color:var(--mg-gold);
}

/* ── 달력 ─────────────────────────────────────────────── */
.ess-new-shell #mensViewMount .cv-att-cal{gap:5px}
.ess-new-shell #mensViewMount .cv-att-wd{
  height:28px;
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.ess-new-shell #mensViewMount .cv-att-wd.is-sun{color:#e2705f}
.ess-new-shell #mensViewMount .cv-att-wd.is-sat{color:#6fa8e0}

.ess-new-shell #mensViewMount .cv-att-cell{
  min-height:42px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
  color:var(--mg-text-3);
  font-size:13px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  box-shadow:inset 0 1px 0 #ffffff05;
}
.ess-new-shell #mensViewMount .cv-att-cell.is-blank{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}
.ess-new-shell #mensViewMount .cv-att-cell.is-today{
  border-color:var(--mg-gold-mid);
  background:var(--mg-raised);
  color:var(--mg-gold-hi);
  box-shadow:0 0 0 1px #c39b5233 inset;
}
.ess-new-shell #mensViewMount .cv-att-cell.is-on{
  border-color:#2f5a33;
  background:linear-gradient(180deg,#0b1610,#060b09);
  color:#9be8a6;
}
.ess-new-shell #mensViewMount .cv-att-cell.is-on i{color:#8ee89b;font-size:10px}

/* ── 오늘 출석 상태 ───────────────────────────────────── */
.ess-new-shell #mensViewMount .cv-att-state{
  margin-top:12px;
  padding:11px 12px;
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-md);
  background:var(--mg-panel-deep);
  color:var(--mg-gold-hi);
  font-size:13px;
  font-weight:900;
  text-align:center;
}
.ess-new-shell #mensViewMount .cv-att-state.is-done{
  border-color:#2f5a33;
  background:linear-gradient(180deg,#0b1610,#060b09);
  color:#8ee89b;
}

/* ── 안내 문구 ────────────────────────────────────────── */
.ess-new-shell #mensViewMount .cv-att-guide{
  margin:0;
  padding-left:17px;
  color:var(--mg-text-3);
  font-size:12px;
  line-height:1.9;
}
.ess-new-shell #mensViewMount .cv-att-guide b{color:var(--mg-gold)}
.ess-new-shell #mensViewMount .cv-att-guide li.is-off{color:#e0857a}

.ess-new-shell #mensViewMount .cv-att-notice{
  margin:0;
  padding-left:16px;
  color:var(--mg-text-3);
  font-size:12px;
  line-height:1.9;
}

/* ── 연속 출석 보상 목록 ──────────────────────────────── */
.ess-new-shell #mensViewMount .cv-att-milestones{gap:8px}
.ess-new-shell #mensViewMount .cv-att-milestone{
  padding:10px 12px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
  color:var(--mg-text-2);
  font-size:12px;
}
.ess-new-shell #mensViewMount .cv-att-milestone span{color:var(--mg-text);font-weight:800}
.ess-new-shell #mensViewMount .cv-att-milestone b{
  color:#ffd98a;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}
.ess-new-shell #mensViewMount .cv-att-milestone em{color:var(--mg-gold-dim);font-size:11px}
.ess-new-shell #mensViewMount .cv-att-milestone.is-reached{
  border-color:#2f5a33;
  background:linear-gradient(180deg,#0b1610,#060b09);
}
.ess-new-shell #mensViewMount .cv-att-milestone.is-reached span{color:#9be8a6}
.ess-new-shell #mensViewMount .cv-att-milestone.is-reached b{color:#8ee89b}
.ess-new-shell #mensViewMount .cv-att-milestone.is-reached em{color:#5f9e6b}

.ess-new-shell #mensViewMount .cv-att-next{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
  color:var(--mg-text-3);
  font-size:12px;
  line-height:1.6;
}
.ess-new-shell #mensViewMount .cv-att-next b{color:var(--mg-gold)}
.ess-new-shell #mensViewMount .cv-att-next span{color:#6b6047}

.ess-new-shell #mensViewMount .cv-att-earned-list{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid var(--mg-divider);
  gap:6px;
}
.ess-new-shell #mensViewMount .cv-att-earned{color:#9be8a6;font-size:12px}
.ess-new-shell #mensViewMount .cv-att-earned b{color:#8ee89b;font-variant-numeric:tabular-nums}

/* ── 출석 기록 ────────────────────────────────────────── */
.ess-new-shell #mensViewMount .cv-att-logs{gap:7px}
.ess-new-shell #mensViewMount .cv-att-log{
  padding:10px 12px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
  color:var(--mg-text-2);
  font-size:12px;
}
.ess-new-shell #mensViewMount .cv-att-log b{color:#ffd98a;font-variant-numeric:tabular-nums}
.ess-new-shell #mensViewMount .cv-att-log em{color:#5f9e6b;font-size:11px}

/* ── 입금 화면 안의 "오늘 출석" 미니 카드 ─────────────── */
.ess-new-shell #mensViewMount .cv-att-box{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--mg-divider);
}
.ess-new-shell #mensViewMount .cv-att-box__ttl{
  margin-bottom:8px;
  color:var(--mg-gold);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
.ess-new-shell #mensViewMount .cv-att-box__off{margin:0;color:var(--mg-text-3);font-size:12px}
.ess-new-shell #mensViewMount .cv-att-row{
  padding:6px 0;
  color:var(--mg-text-3);
  font-size:12px;
}
.ess-new-shell #mensViewMount .cv-att-row b{
  color:#ffd98a;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.ess-new-shell #mensViewMount .cv-att-row b.is-ok{color:#8ee89b}
.ess-new-shell #mensViewMount .cv-att-row b.is-wait{color:#ffb37a}

/* ============================================================
 * 마이페이지 — 계정 정보 / 비밀번호
 * ============================================================ */
.ess-new-shell #mensViewMount .cv-profile{gap:10px}
.ess-new-shell #mensViewMount .cv-profile div{
  padding:13px 14px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
}
.ess-new-shell #mensViewMount .cv-profile small{
  display:block;
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.ess-new-shell #mensViewMount .cv-profile b{
  display:block;
  margin-top:6px;
  color:var(--mg-text);
  font-size:14px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
}

.ess-new-shell #mensViewMount .cv-pw-badge{
  margin-left:8px;
  padding:2px 8px;
  border:1px solid var(--mg-line);
  border-radius:999px;
  background:var(--mg-inset);
  color:var(--mg-text-3);
  font-size:11px;
  font-weight:800;
  vertical-align:middle;
}
.ess-new-shell #mensViewMount .cv-pw-badge.is-on{
  border-color:#2f5a33;
  background:linear-gradient(180deg,#0b1610,#060b09);
  color:#8ee89b;
}
.ess-new-shell #mensViewMount .cv-pw-hint{
  margin:-2px 0 2px;
  color:var(--mg-text-3);
  font-size:12px;
  line-height:1.6;
}

/* ============================================================
 * P3 — 고객센터 답변 블록 (CSS 만으로 되는 부분)
 * ============================================================ */
.ess-new-shell #mensViewMount .cv-answer{
  margin-top:10px;
  padding:11px 13px;
  border:1px solid var(--mg-line-soft);
  border-left:3px solid var(--mg-gold-mid);
  border-radius:var(--mg-r-md);
  background:var(--mg-raised);
  color:var(--mg-text-2);
  font-size:12px;
  line-height:1.7;
}

/* ── 모바일 ───────────────────────────────────────────── */
@media(max-width:768px){
  .ess-new-shell #mensViewMount .cv-att-cell{min-height:38px;font-size:12px;border-radius:6px}
  .ess-new-shell #mensViewMount .cv-att-head h2{font-size:14px}
  .ess-new-shell #mensViewMount .cv-profile div{padding:11px 12px}
}

/* ============================================================
 * P5 — 카지노 / 슬롯 / 미니게임 카드
 * 게임 썸네일 이미지는 그대로 두고, 카드 틀·버튼·제목만 테마에 맞춘다.
 * ============================================================ */

/* 상단 배너 */
.ess-new-shell #mensViewMount .cv-mens-hero{
  padding:14px;
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-lg);
  background:var(--mg-panel);
  box-shadow:0 8px 24px #0009,inset 0 1px 0 #ffffff08;
}
.ess-new-shell #mensViewMount .cv-mens-hero:before{
  background:radial-gradient(circle at 18% 0,#f1c9781f,transparent 42%),linear-gradient(90deg,#0000,#f1c9780d,#0000);
}
.ess-new-shell #mensViewMount .cv-mens-hero img{
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  box-shadow:0 8px 20px #0009;
}
.ess-new-shell #mensViewMount .cv-mens-hero small{
  color:var(--mg-gold-dim);
  font-size:10px;
  letter-spacing:.14em;
}
.ess-new-shell #mensViewMount .cv-mens-hero strong{
  margin-top:5px;
  color:var(--mg-gold);
  font-size:26px;
  font-weight:900;
  text-shadow:0 2px 10px #000;
}
.ess-new-shell #mensViewMount .cv-mens-hero span{color:var(--mg-text-3);font-size:12px}

/* 게임사 · 게임 카드 */
.ess-new-shell #mensViewMount .cv-mens-provider{
  padding:8px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-lg);
  background:var(--mg-panel);
  box-shadow:0 8px 22px #0008,inset 0 1px 0 #ffffff06;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.ess-new-shell #mensViewMount .cv-mens-provider:before{
  background:radial-gradient(circle at 50% 6%,#f1c9781a,transparent 42%);
  opacity:1;
}
.ess-new-shell #mensViewMount .cv-mens-provider:hover{
  border-color:var(--mg-gold-mid);
  background:var(--mg-panel);
  box-shadow:0 12px 30px #000a,0 0 0 1px #c39b5233 inset;
  transform:translateY(-2px);
}
.ess-new-shell #mensViewMount .cv-mens-provider figure{
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-inset);
}
.ess-new-shell #mensViewMount .cv-mens-provider-info h2{
  color:var(--mg-gold);
  font-size:15px;
  font-weight:900;
  text-shadow:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ess-new-shell #mensViewMount .cv-mens-provider-info p{
  margin-top:3px;
  color:var(--mg-gold-dim);
  font-size:10px;
  letter-spacing:.04em;
}

/* 카드 안 "게임 보기" 버튼 */
.ess-new-shell #mensViewMount .cv-mens-enter{
  height:34px;
  line-height:32px;
  border:1px solid var(--mg-gold-hi);
  border-radius:var(--mg-r-sm);
  background:linear-gradient(180deg,var(--mg-gold),var(--mg-gold-deep));
  color:var(--mg-on-gold);
  font-size:12px;
  font-weight:900;
  box-shadow:0 4px 12px #f1c97820;
}
.ess-new-shell #mensViewMount .cv-mens-enter:hover{filter:brightness(1.06)}

/* 게임 목록 상단 툴바 */
.ess-new-shell #mensViewMount .cv-mens-toolbar{
  padding:10px 12px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-md);
  background:var(--mg-panel-deep);
}
.ess-new-shell #mensViewMount .cv-mens-back{
  padding:8px 12px;
  border:1px solid var(--mg-line-soft);
  border-radius:var(--mg-r-sm);
  background:var(--mg-inset);
  color:var(--mg-text-2);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .14s,color .14s,background .14s;
}
.ess-new-shell #mensViewMount .cv-mens-back:hover{
  border-color:var(--mg-gold-mid);
  background:var(--mg-raised);
  color:var(--mg-gold);
}
.ess-new-shell #mensViewMount .cv-mens-toolbar-title{
  color:var(--mg-gold);
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
}
.ess-new-shell #mensViewMount .cv-mens-lobby{
  padding:8px 14px;
  border:1px solid var(--mg-gold-hi);
  border-radius:var(--mg-r-sm);
  background:linear-gradient(180deg,var(--mg-gold),var(--mg-gold-deep));
  color:var(--mg-on-gold);
  font-size:12px;
  font-weight:900;
  box-shadow:0 4px 12px #f1c97820;
}
.ess-new-shell #mensViewMount .cv-mens-lobby:hover{filter:brightness(1.06)}
.ess-new-shell #mensViewMount .cv-mens-games{gap:14px}

/* "준비 중입니다" 같은 빈 값이 카드 그리드 한가운데 오도록 */
.ess-new-shell #mensViewMount .cv-card-grid .cv-empty,
.ess-new-shell #mensViewMount .cv-mens-game-list .cv-empty{grid-column:1/-1}

@media(max-width:768px){
  .ess-new-shell #mensViewMount .cv-mens-hero strong{font-size:22px}
  .ess-new-shell #mensViewMount .cv-mens-provider{min-height:0}
  .ess-new-shell #mensViewMount .cv-mens-provider figure{height:110px}
}

/* ============================================================
 * 공지/규정 · 이벤트 (?view=notice / ?view=event)
 * 다른 메뉴와 같은 전체 페이지 방식으로 통일한다.
 * ============================================================ */

/* 목록 */
.ess-new-shell #mensViewMount .cv-notice-list{gap:0}
.ess-new-shell #mensViewMount .cv-notice-row{
  gap:12px;
  padding:13px 8px;
  border-bottom:1px solid var(--mg-divider);
  border-left:3px solid transparent;
  color:var(--mg-text);
  text-decoration:none;
  transition:background .14s,border-color .14s;
}
.ess-new-shell #mensViewMount .cv-notice-row:first-child{border-top:1px solid var(--mg-divider)}
.ess-new-shell #mensViewMount .cv-notice-row:last-child{border-bottom:0}
.ess-new-shell #mensViewMount .cv-notice-row:hover{
  background:var(--mg-raised);
  border-left-color:var(--mg-gold-mid);
}
.ess-new-shell #mensViewMount .cv-notice-row__ttl{
  color:var(--mg-text);
  font-size:13px;
  font-weight:800;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ess-new-shell #mensViewMount .cv-notice-row:hover .cv-notice-row__ttl{color:var(--mg-gold)}
.ess-new-shell #mensViewMount .cv-notice-row__date{
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}

/* 상세 */
.ess-new-shell #mensViewMount .cv-notice{
  padding:18px;
  border:1px solid var(--mg-line);
  border-radius:var(--mg-r-lg);
  background:var(--mg-panel);
  box-shadow:0 8px 24px #0007,inset 0 1px 0 #ffffff08;
  color:var(--mg-text);
}
.ess-new-shell #mensViewMount .cv-notice__ttl{
  margin:0 0 8px;
  padding-bottom:11px;
  border-bottom:1px solid var(--mg-divider);
  color:var(--mg-gold);
  font-size:16px;
  font-weight:900;
  line-height:1.45;
}
.ess-new-shell #mensViewMount .cv-notice__date{
  display:block;
  margin-bottom:14px;
  color:var(--mg-gold-dim);
  font-size:11px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.ess-new-shell #mensViewMount .cv-notice__body{
  color:var(--mg-text-2);
  font-size:13px;
  line-height:1.85;
}
.ess-new-shell #mensViewMount .cv-notice__body p{margin:0 0 12px}
.ess-new-shell #mensViewMount .cv-notice__body p:last-child{margin-bottom:0}
.ess-new-shell #mensViewMount .cv-notice__body img{
  display:block;
  max-width:100%;
  height:auto;
  margin:14px auto;
  border:1px solid var(--mg-line-soft);
  border-radius:8px;
}
.ess-new-shell #mensViewMount .cv-notice__body h2,
.ess-new-shell #mensViewMount .cv-notice__body h3,
.ess-new-shell #mensViewMount .cv-notice__body h4{
  margin:18px 0 8px;
  color:var(--mg-gold);
  line-height:1.4;
  font-weight:900;
}
.ess-new-shell #mensViewMount .cv-notice__body strong{color:var(--mg-text)}
.ess-new-shell #mensViewMount .cv-notice__body ul,
.ess-new-shell #mensViewMount .cv-notice__body ol{margin:0 0 12px;padding-left:20px}
.ess-new-shell #mensViewMount .cv-notice__body li{margin:0 0 6px}
.ess-new-shell #mensViewMount .cv-notice__body a{
  color:var(--mg-gold);
  text-decoration:underline;
  text-underline-offset:2px;
}
.ess-new-shell #mensViewMount .cv-notice__body a:hover{color:var(--mg-gold-hi)}
.ess-new-shell #mensViewMount .cv-notice__body hr{border:0;border-top:1px solid var(--mg-divider);margin:16px 0}
.ess-new-shell #mensViewMount .cv-notice__body blockquote{
  margin:0 0 12px;
  padding:10px 13px;
  border-left:3px solid var(--mg-gold-mid);
  border-radius:8px;
  background:var(--mg-raised);
  color:var(--mg-text-2);
}
.ess-new-shell #mensViewMount .cv-notice__body table{
  width:100%;
  border-collapse:collapse;
  margin:0 0 12px;
  font-size:12px;
}
.ess-new-shell #mensViewMount .cv-notice__body th,
.ess-new-shell #mensViewMount .cv-notice__body td{
  border:1px solid var(--mg-line-soft);
  padding:8px 10px;
  text-align:left;
}
.ess-new-shell #mensViewMount .cv-notice__body th{
  background:var(--mg-inset);
  color:var(--mg-gold-dim);
  font-weight:800;
}

/* 하단 목록 버튼 */
.ess-new-shell #mensViewMount .cv-notice__foot{margin-top:16px}
.ess-new-shell #mensViewMount .cv-notice__btn{
  min-width:130px;
  padding:10px 18px;
  border:1px solid var(--mg-gold-hi);
  border-radius:var(--mg-r-sm);
  background:linear-gradient(180deg,var(--mg-gold),var(--mg-gold-deep));
  color:var(--mg-on-gold);
  font-size:13px;
  font-weight:900;
  text-align:center;
  text-decoration:none;
  box-shadow:0 4px 14px #f1c97826;
}
.ess-new-shell #mensViewMount .cv-notice__btn:hover{filter:brightness(1.06)}

@media(max-width:768px){
  .ess-new-shell #mensViewMount .cv-notice-row{padding:12px 6px;gap:8px}
  .ess-new-shell #mensViewMount .cv-notice-row__ttl{font-size:13px;white-space:normal;line-height:1.45}
  .ess-new-shell #mensViewMount .cv-notice-row__date{font-size:11px}
  .ess-new-shell #mensViewMount .cv-notice{padding:14px}
  .ess-new-shell #mensViewMount .cv-notice__ttl{font-size:15px}
  .ess-new-shell #mensViewMount .cv-notice__body{font-size:13px}
  .ess-new-shell #mensViewMount .cv-notice__btn{display:block;min-width:0;padding:12px 16px}
}