/* 메뉴 페이지 공통 스타일 */
.page-head { margin-bottom: 14px; }
.page-title { color: #ffd700; font-size: 18px; font-weight: 500; margin: 0 0 4px; }
.page-sub { color: #888; font-size: 12px; margin: 0; }

.box {
  background: rgba(255,255,255,0.04);
  border: 0.5px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 10px;
}
.box.gold {
  background: rgba(255,215,0,0.08);
  border-color: rgba(255,215,0,0.35);
}
.box.pink {
  background: linear-gradient(135deg, rgba(255,100,200,0.1), rgba(255,215,0,0.05));
  border-color: rgba(255,100,200,0.3);
}

.cap { font-size: 11px; color: #888; margin-bottom: 8px; }
.val { font-size: 14px; color: #fff; font-weight: 500; }
.big { font-size: 22px; color: #ffd700; font-weight: 500; line-height: 1.1; }

.bar { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; font-size: 12px; }
.bar-l { color: #aaa; flex-shrink: 0; }
.bar-t { flex: 1; height: 6px; background: rgba(255,255,255,0.08); border-radius: 3px; overflow: hidden; }
.bar-f { height: 100%; border-radius: 3px; }
.bar-v { color: #fff; width: 32px; text-align: right; flex-shrink: 0; }

.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }

.btn-outline {
  display: block; text-align: center; padding: 11px; border-radius: 10px;
  border: 0.5px solid rgba(255,215,0,0.4); color: #ffd700;
  background: rgba(255,215,0,0.04); text-decoration: none;
  font-size: 13px; margin-bottom: 8px;
}
.btn-outline:active { background: rgba(255,215,0,0.1); }

.btn-gold {
  display: block; text-align: center; padding: 13px; border-radius: 10px;
  background: linear-gradient(135deg,#ffd700,#ffa500); color: #000;
  text-decoration: none; font-size: 14px; font-weight: 500; margin-bottom: 8px;
}

.btn-premium {
  display: block; text-align: center; padding: 13px; border-radius: 10px;
  background: linear-gradient(135deg,#ff64c8,#ffd700); color: #000;
  text-decoration: none; font-size: 14px; font-weight: 500; margin-bottom: 8px;
}

.stars { color: #ffd700; font-size: 14px; letter-spacing: 2px; }
.mini-list { font-size: 12px; line-height: 1.7; color: #ccc; }
.mini-list .dot { color: #ffd700; margin-right: 4px; }

.loading { text-align: center; padding: 40px; color: #888; font-size: 13px; }