/* AI-site contrast sheet v2 — AFTER style.css. 白地×白字ゼロ目標 */

.ai-site,
.ai-site body {
  color: #e8eefc;
}

/* 面の既定をダークに寄せる（後勝ち） */
.ai-site .panel,
.ai-site .panel-featured,
.ai-site [class*="-panel"],
.ai-site [class*="card"],
.ai-site [class*="banner"],
.ai-site .quick-register,
.ai-site .create-fold,
.ai-site .create-fold-hero,
.ai-site .create-fold-body,
.ai-site .create-form-side,
.ai-site .create-form-main,
.ai-site .create-preview-card,
.ai-site .create-more-fold,
.ai-site .create-more-body,
.ai-site .x-link-panel,
.ai-site .max-players-wrap,
.ai-site .rematch-games-wrap,
.ai-site .main-chars-wrap,
.ai-site .guide-step,
.ai-site .guide-step-link,
.ai-site .guide-step.is-active,
.ai-site .guide-step.is-done,
.ai-site .beginner-panel,
.ai-site .beginner-panel-focus,
.ai-site .tokon-system-panel,
.ai-site .tokon-system-list li,
.ai-site .profile-reassure-card,
.ai-site .profile-reassure-list li,
.ai-site .profile-next-steps,
.ai-site .profile-next-list li,
.ai-site .calendar-rail-panel,
.ai-site .calendar-day:not(.empty-day),
.ai-site .day-panel,
.ai-site .day-panel-empty,
.ai-site .slot-card,
.ai-site article.slot,
.ai-site .host-grid,
.ai-site .account-bar,
.ai-site .setup-banner,
.ai-site .kindness-note,
.ai-site .hero-kindness,
.ai-site .hero-kindness-grand,
.ai-site .kindness-panel,
.ai-site .kindness-compact,
.ai-site .affiliate-item,
.ai-site .gear-card,
.ai-site .section-nav-tab,
.ai-site .lobby-rule-panel,
.ai-site .queue-style-panel,
.ai-site .pending-wait-panel,
.ai-site .lag-friendly-panel,
.ai-site .join-memo-panel,
.ai-site .host-notice-panel,
.ai-site .roster-peek,
.ai-site .report-shell,
.ai-site .peer-report-shell,
.ai-site .adsense-slot,
.ai-site .rail-ad,
.ai-site .field-note,
.ai-site .create-default-follow-note {
  background: #152038 !important;
  background-image: none !important;
  color: #f5f8ff !important;
  border-color: rgba(232, 238, 252, 0.18) !important;
  text-shadow: none !important;
}

.ai-site .guide-step.is-active {
  background: rgba(255, 106, 61, 0.26) !important;
  border-color: #ff6a3d !important;
}

.ai-site .guide-step.is-done {
  background: rgba(52, 211, 153, 0.2) !important;
  border-color: #34d399 !important;
}

.ai-site .calendar-day.selected,
.ai-site .calendar-day.selected.today {
  background: rgba(255, 106, 61, 0.32) !important;
  border-color: #ff6a3d !important;
}

.ai-site .calendar-day.today:not(.selected) {
  background: rgba(61, 224, 255, 0.2) !important;
  border-color: #3de0ff !important;
}

.ai-site .section-nav-tab.is-active,
.ai-site .section-nav-tab-featured.is-active {
  background: linear-gradient(120deg, #ff6a3d, #3de0ff) !important;
  color: #081018 !important;
}

.ai-site .btn.primary,
.ai-site .beginner-start-btn,
.ai-site .recruit-top-cta,
.ai-site .create-fold-hero-cta,
.ai-site .day-panel-create-cta,
.ai-site .max-players-preset.is-active,
.ai-site .rematch-preset.is-active {
  background: linear-gradient(120deg, #ff6a3d 0%, #ff8a4c 55%, #3de0ff 160%) !important;
  color: #081018 !important;
  border: none !important;
}

.ai-site .btn.ghost,
.ai-site .btn.subtle,
.ai-site .btn.x-login,
.ai-site .create-fold-hero-close,
.ai-site .max-players-preset,
.ai-site .rematch-preset,
.ai-site #prevMonthBtn,
.ai-site #nextMonthBtn {
  background: #0f172a !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(232, 238, 252, 0.22) !important;
}

.ai-site .btn.x-login {
  border-color: rgba(61, 224, 255, 0.45) !important;
}

/* 文字色を面の上で強制 */
.ai-site h1,
.ai-site h2,
.ai-site h3,
.ai-site h4,
.ai-site p,
.ai-site li,
.ai-site label,
.ai-site span,
.ai-site strong,
.ai-site small,
.ai-site .meta,
.ai-site .muted,
.ai-site .day-number,
.ai-site .day-slot-count,
.ai-site .month-label,
.ai-site .selected-day-label,
.ai-site .beginner-kicker,
.ai-site .beginner-panel-lead,
.ai-site .beginner-guide-status,
.ai-site .tokon-system-kicker,
.ai-site .tokon-system-lead,
.ai-site .guide-step strong,
.ai-site .guide-step span {
  color: #f5f8ff !important;
}

.ai-site .guide-step span,
.ai-site .tokon-system-list span,
.ai-site .profile-reassure-list span,
.ai-site .field-note,
.ai-site .create-fold-hero-copy small {
  color: #d5def5 !important;
}

.ai-site .field-note,
.ai-site .create-default-follow-note,
.ai-site .x-link-hint,
.ai-site .create-preview-note,
.ai-site .create-date-hint {
  background: rgba(255, 106, 61, 0.16) !important;
  color: #ffe4d6 !important;
  border: 1px solid rgba(255, 106, 61, 0.35) !important;
}

.ai-site input,
.ai-site select,
.ai-site textarea {
  background: #0b1220 !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(232, 238, 252, 0.22) !important;
}

.ai-site input::placeholder,
.ai-site textarea::placeholder {
  color: rgba(245, 248, 255, 0.45) !important;
}

.ai-site a:not(.btn):not(.guide-step-link):not(.section-nav-tab) {
  color: #3de0ff !important;
}

.ai-site .layout-rail-right {
  background: #0a1220 !important;
}

.ai-site .layout-main.wrap,
.ai-site .bg-soft {
  /* keep atmospheric bg */
}

/* ヒーロー上段ピル／キッカー（コンパクト＆明色） */
.ai-site .hero-stage .brand-pill,
.ai-site .hero-stage .hero-earth-badge {
  padding: 5px 12px !important;
  font-size: 0.72rem !important;
  margin-bottom: 0 !important;
}

.ai-site .hero-stage .hero-kicker {
  margin: 0 0 4px !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.14em !important;
  color: rgba(245, 248, 255, 0.9) !important;
}

/* ブランド英字：REVOLVE は実色、LOBBY のみグラデクリップ */
.ai-site .brand-title-stack .brand-glow {
  color: #f8fbff !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.ai-site .brand-title-stack .brand-glow-accent {
  background: linear-gradient(100deg, #ff8a4c 0%, #ff6a3d 42%, #3de0ff 140%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.ai-site .status.error {
  color: #fb7185 !important;
}

/* 優しさパネル専用（白箱を二度と出さない） */
.ai-site .hero-kindness-grand,
.ai-site .kindness-note.hero-kindness-grand,
.ai-site .hero-top .hero-right-panel .kindness-note.hero-kindness-grand,
.ai-site #kindnessNote {
  background: #152038 !important;
  background-image: none !important;
  color: #f5f8ff !important;
  border: 1px solid rgba(255, 106, 61, 0.45) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

.ai-site .hero-kindness-grand .kindness-label,
.ai-site .hero-kindness-grand .kindness-message,
.ai-site .hero-top .hero-right-panel .hero-kindness-grand .kindness-message,
.ai-site #kindnessMessage,
.ai-site .kindness-label,
.ai-site .kindness-message,
.ai-site .kindness-refresh-btn {
  color: #f5f8ff !important;
  text-shadow: none !important;
}

.ai-site .hero-kindness-grand .kindness-label {
  color: #ffb08a !important;
}

.ai-site .kindness-refresh-btn {
  background: #0f172a !important;
  border-color: rgba(255, 106, 61, 0.45) !important;
  color: #ffe4d6 !important;
}