/* ==========================================================================
   PDIKM Lite Mode — clean minimal UI overrides
   Applied when html[data-pdikm-mode="lite"]
   ========================================================================== */

[data-pdikm-mode='lite'] {
  --pdikm-lite-bg: #f1f5f9;
  --pdikm-lite-surface: #ffffff;
  --pdikm-lite-text: #0f172a;
  --pdikm-lite-muted: #64748b;
  --pdikm-lite-accent: #2563eb;
  --pdikm-lite-accent-soft: #dbeafe;
  --pdikm-lite-border: #e2e8f0;
  --pdikm-lite-success: #059669;
  --pdikm-lite-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);

  --pdikm-bg: #f8fafc;
  --pdikm-surface: rgba(255, 255, 255, 0.95);
  --pdikm-glass: rgba(255, 255, 255, 0.9);
  --pdikm-border: #e2e8f0;
  --pdikm-accent: #2563eb;
  --pdikm-accent-soft: rgba(37, 99, 235, 0.12);
  --pdikm-gold: #2563eb;
  --pdikm-mint: #059669;
  --pdikm-text: #0f172a;
  --pdikm-muted: #64748b;
  --pdikm-shadow: var(--pdikm-lite-shadow);

  --primary-red: #2563eb;
  --accent-gold: #2563eb;
  --dark-bg: #f8fafc;

  color-scheme: light;
}

[data-pdikm-mode='lite'] body,
[data-pdikm-mode='lite'] .pdikm-app,
[data-pdikm-mode='lite'] .pdikm-panel-app {
  color: var(--pdikm-lite-text);
}

/* Reset teks putih global dari landing/base.css */
[data-pdikm-mode='lite'] body.pdikm-app {
  color: var(--pdikm-lite-text) !important;
}

/* Reduce motion in lite mode */
[data-pdikm-mode='lite'] *,
[data-pdikm-mode='lite'] *::before,
[data-pdikm-mode='lite'] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.12s !important;
}

[data-pdikm-mode='lite'] .pdikm-float-anim {
  animation: none !important;
}

/* Shared page shells */
[data-pdikm-mode='lite'] .pdikm-page,
[data-pdikm-mode='lite'] .stat-dashboard,
[data-pdikm-mode='lite'] .eticket-page,
[data-pdikm-mode='lite'] .geo-page {
  color: var(--pdikm-lite-text);
  background: var(--pdikm-lite-bg);
}

[data-pdikm-mode='lite'] .pdikm-skip {
  color: var(--pdikm-lite-muted);
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .pdikm-skip:hover {
  color: var(--pdikm-lite-text);
  border-color: #cbd5e1;
}

[data-pdikm-mode='lite'] .pdikm-hero-badge {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .pdikm-hero-title,
[data-pdikm-mode='lite'] .pdikm-auth-title {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .pdikm-hero-sub,
[data-pdikm-mode='lite'] .pdikm-auth-desc,
[data-pdikm-mode='lite'] .pdikm-hero-sub {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .pdikm-hero-logo {
  filter: none;
}

[data-pdikm-mode='lite'] .pdikm-glass-card,
[data-pdikm-mode='lite'] .pdikm-glass-card--accent {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

[data-pdikm-mode='lite'] .pdikm-section-title {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-section-body,
[data-pdikm-mode='lite'] .pdikm-slide-text {
  color: #334155;
}

[data-pdikm-mode='lite'] .pdikm-slide-text b,
[data-pdikm-mode='lite'] .pdikm-slide-text strong {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-slide-step {
  color: var(--pdikm-lite-muted);
  background: #f8fafc;
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .pdikm-input {
  background: #fff;
  border-color: var(--pdikm-lite-border);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .pdikm-input::placeholder {
  color: #94a3b8;
}

[data-pdikm-mode='lite'] .pdikm-input:focus {
  border-color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-footer-link {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-rating-badge {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .pdikm-review-item {
  background: #f8fafc;
  border-left-color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-review-item small,
[data-pdikm-mode='lite'] .pdikm-review-item p {
  color: #475569;
}

[data-pdikm-mode='lite'] .pdikm-swiper .swiper-pagination-bullet {
  background: #cbd5e1;
}

[data-pdikm-mode='lite'] .pdikm-swiper .swiper-pagination-bullet-active {
  background: var(--pdikm-lite-accent);
  box-shadow: none;
}

/* Landing mobile */
@media (max-width: 991px) {
  [data-pdikm-mode='lite'] .mobile-game-wrapper {
    background: var(--pdikm-lite-bg);
  }

  [data-pdikm-mode='lite'] .game-header .header-image {
    filter: none;
  }

  [data-pdikm-mode='lite'] .btn-game {
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    letter-spacing: 0.02em;
    font-size: 1rem;
  }

  [data-pdikm-mode='lite'] .btn-game::after {
    display: block;
  }

  [data-pdikm-mode='lite'] a.btn-game.btn-play {
    background-image: url('/assets/img/icons/wdplay.png') !important;
  }

  [data-pdikm-mode='lite'] a.btn-game.btn-eticket {
    background-image: url('/assets/img/icons/eticket.png') !important;
  }

  [data-pdikm-mode='lite'] a.btn-game.btn-news {
    background-image: url('/assets/img/icons/wdtutor.png') !important;
  }

  [data-pdikm-mode='lite'] a.btn-game.btn-about {
    background-image: url('/assets/img/icons/wdabout.png') !important;
  }

  [data-pdikm-mode='lite'] a.btn-game.btn-profile {
    background-image: url('/assets/img/icons/wdprofile.png') !important;
  }

  [data-pdikm-mode='lite'] .footer-nav {
    background: var(--pdikm-lite-surface);
    border: 1px solid var(--pdikm-lite-border);
    border-radius: 16px;
    box-shadow: var(--pdikm-lite-shadow);
  }

  [data-pdikm-mode='lite'] .footer-nav .nav-item {
    color: var(--pdikm-lite-muted);
  }

  [data-pdikm-mode='lite'] .footer-nav .nav-item span {
    color: var(--pdikm-lite-text);
  }
}

/* Landing desktop */
@media (min-width: 992px) {
  [data-pdikm-mode='lite'] body.pdikm-landing-body,
  [data-pdikm-mode='lite'] body.pdikm-app.pdikm-landing-body {
    background: var(--pdikm-lite-bg);
  }

  [data-pdikm-mode='lite'] .pdikm-desktop::before {
    display: none;
  }

  [data-pdikm-mode='lite'] .pdikm-map-vignette {
    background: linear-gradient(
      180deg,
      rgba(248, 250, 252, 0.85) 0%,
      transparent 25%,
      transparent 75%,
      rgba(248, 250, 252, 0.9) 100%
    );
  }

  [data-pdikm-mode='lite'] .pdikm-hero {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
  }

  [data-pdikm-mode='lite'] .pdikm-hero h1,
  [data-pdikm-mode='lite'] .pdikm-dtop-hero-title {
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: var(--pdikm-lite-text) !important;
    color: var(--pdikm-lite-text) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-hero p,
  [data-pdikm-mode='lite'] .pdikm-dtop-hero-sub {
    color: var(--pdikm-lite-muted) !important;
  }

  /* Bar navigasi bawah desktop — tombol default putih di atas putih */
  [data-pdikm-mode='lite'] .pdikm-actions {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  [data-pdikm-mode='lite'] .pdikm-action-btn {
    color: var(--pdikm-lite-text) !important;
    background: #f8fafc !important;
    border: 1px solid var(--pdikm-lite-border) !important;
    box-shadow: none !important;
  }

  [data-pdikm-mode='lite'] .pdikm-action-btn:hover {
    color: var(--pdikm-lite-accent) !important;
    background: #eef2ff !important;
    box-shadow: var(--pdikm-lite-shadow) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-action-btn--primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--pdikm-lite-accent), #3b82f6) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.28) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-action-btn--primary:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #1d4ed8, #2563eb) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-action-btn--gold {
    color: #1a1200 !important;
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    border-color: transparent !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.25) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-action-btn--gold:hover {
    color: #1a1200 !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  }

  [data-pdikm-mode='lite'] .pin-label {
    fill: #0f172a;
    stroke: rgba(255, 255, 255, 0.92);
    stroke-width: 2.5px;
  }

  [data-pdikm-mode='lite'] .pdikm-hotspot-pin,
  [data-pdikm-mode='lite'] .pdikm-pin-label {
    filter: none;
  }

  /* Desktop shell (tutorial, about, eticket, statistik desktop) */
  [data-pdikm-mode='lite'] .pdikm-desktop-shell {
    background: var(--pdikm-lite-bg) !important;
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-nav {
    background: rgba(255, 255, 255, 0.92) !important;
    border-bottom-color: var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-brand {
    color: var(--pdikm-lite-text) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-brand img {
    filter: none;
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-link {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-link:hover {
    color: var(--pdikm-lite-text) !important;
    background: #f1f5f9 !important;
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-link.is-active {
    color: var(--pdikm-lite-accent) !important;
    background: var(--pdikm-lite-accent-soft) !important;
    border-color: #bfdbfe !important;
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-panel {
    background: var(--pdikm-lite-surface);
    border-color: var(--pdikm-lite-border);
    box-shadow: var(--pdikm-lite-shadow);
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-panel--accent {
    border-color: #bfdbfe;
    background: linear-gradient(145deg, #ffffff, #f8fafc);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-hero-badge {
    color: var(--pdikm-lite-accent);
    background: var(--pdikm-lite-accent-soft);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-sidebar-title {
    color: var(--pdikm-lite-accent);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-footer {
    border-top-color: var(--pdikm-lite-border);
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-footer-link {
    color: var(--pdikm-lite-muted) !important;
  }

  [data-pdikm-mode='lite'] .pdikm-dtop-footer-link:hover {
    color: var(--pdikm-lite-accent) !important;
  }

  /* Leaderboard sidebar landing desktop */
  [data-pdikm-mode='lite'] .leaderboard-wrapper.lb-panel {
    color: var(--pdikm-lite-text);
  }

  [data-pdikm-mode='lite'] .lb-tab,
  [data-pdikm-mode='lite'] .lb-filter-btn {
    color: var(--pdikm-lite-muted) !important;
    background: #f8fafc !important;
    border-color: var(--pdikm-lite-border) !important;
  }

  [data-pdikm-mode='lite'] .lb-tab.is-active,
  [data-pdikm-mode='lite'] .lb-filter-btn.is-active,
  [data-pdikm-mode='lite'] .lb-tab:hover,
  [data-pdikm-mode='lite'] .lb-filter-btn:hover {
    color: var(--pdikm-lite-accent) !important;
    background: var(--pdikm-lite-accent-soft) !important;
    border-color: #bfdbfe !important;
  }

  [data-pdikm-mode='lite'] .lb-row__rank,
  [data-pdikm-mode='lite'] .lb-row__score {
    color: var(--pdikm-lite-text) !important;
  }

  [data-pdikm-mode='lite'] .lb-empty {
    color: var(--pdikm-lite-muted) !important;
  }
}

/* Game / adventure flow */
[data-pdikm-mode='lite'] body.pdikm-app {
  background: var(--pdikm-lite-bg);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .adventure-wrapper,
[data-pdikm-mode='lite'] .game-container {
  background: var(--pdikm-lite-bg) !important;
  background-image: none !important;
}

[data-pdikm-mode='lite'] .badge-level,
[data-pdikm-mode='lite'] .referral-level {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
  text-shadow: none;
}

[data-pdikm-mode='lite'] .btn-skip {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .pdikm-page--game .pdikm-glass-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
}

/* Scan page */
[data-pdikm-mode='lite'] .scan-page {
  background: var(--pdikm-lite-bg);
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .scan-header {
  background: var(--pdikm-lite-surface);
  border-bottom-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .scan-header h4 {
  color: var(--pdikm-lite-text);
}

/* Leaderboard */
[data-pdikm-mode='lite'] .lb-panel {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
  backdrop-filter: none;
}

[data-pdikm-mode='lite'] .lb-panel__title,
[data-pdikm-mode='lite'] .lb-row__name {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .lb-panel__subtitle,
[data-pdikm-mode='lite'] .lb-row__score-label {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .lb-row {
  background: #f8fafc;
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .lb-row--highlight {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .lb-panel__header {
  color: var(--pdikm-lite-accent) !important;
}

[data-pdikm-mode='lite'] .lb-tabs {
  background: #f1f5f9 !important;
  border-color: var(--pdikm-lite-border) !important;
}

[data-pdikm-mode='lite'] .lb-tab {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .lb-tab:hover {
  color: var(--pdikm-lite-text) !important;
  background: #e2e8f0 !important;
}

[data-pdikm-mode='lite'] .lb-tab.is-active {
  color: #1e3a8a !important;
  background: linear-gradient(135deg, #bfdbfe, #93c5fd) !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.2) !important;
}

[data-pdikm-mode='lite'] .lb-table-wrap {
  background: #f8fafc !important;
  border-color: var(--pdikm-lite-border) !important;
}

[data-pdikm-mode='lite'] .lb-table thead th {
  color: var(--pdikm-lite-muted) !important;
  background: #eef2ff !important;
  border-bottom-color: var(--pdikm-lite-border) !important;
}

[data-pdikm-mode='lite'] .lb-table td,
[data-pdikm-mode='lite'] .lb-rank,
[data-pdikm-mode='lite'] .lb-player,
[data-pdikm-mode='lite'] .lb-time {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] .lb-table tbody tr:hover {
  background: #eef2ff !important;
}

/* E-ticket buttons */
[data-pdikm-mode='lite'] .btn-eticket,
[data-pdikm-mode='lite'] .pdikm-btn-primary {
  background: var(--pdikm-lite-accent) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: var(--pdikm-lite-shadow) !important;
  text-shadow: none !important;
}

/* Auth */
[data-pdikm-mode='lite'] .pdikm-label {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .pdikm-auth-link,
[data-pdikm-mode='lite'] .pdikm-auth-footer a {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-auth-btn {
  background: var(--pdikm-lite-accent);
  box-shadow: var(--pdikm-lite-shadow);
}

/* Statistik */
[data-pdikm-mode='lite'] .stat-dashboard,
[data-pdikm-mode='lite'] .stat-hero-title,
[data-pdikm-mode='lite'] .stat-hero-sub,
[data-pdikm-mode='lite'] .stat-section-title {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .stat-hero-sub,
[data-pdikm-mode='lite'] .stat-metric__label,
[data-pdikm-mode='lite'] .stat-card__label {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] .stat-card,
[data-pdikm-mode='lite'] .stat-metric {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] .stat-card__value,
[data-pdikm-mode='lite'] .stat-metric__value {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .stat-card__label,
[data-pdikm-mode='lite'] .stat-metric__label {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .stat-card__label,
[data-pdikm-mode='lite'] .stat-metric__label {
  color: var(--pdikm-lite-muted);
}

/* E-ticket */
[data-pdikm-mode='lite'] .eticket-page,
[data-pdikm-mode='lite'] .eticket-header,
[data-pdikm-mode='lite'] .eticket-badge,
[data-pdikm-mode='lite'] .eticket-card,
[data-pdikm-mode='lite'] .eticket-card h3,
[data-pdikm-mode='lite'] .eticket-card p {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .eticket-card p,
[data-pdikm-mode='lite'] .eticket-meta {
  color: var(--pdikm-lite-muted) !important;
}

/* Referral & game misc */
[data-pdikm-mode='lite'] .referral-subtitle,
[data-pdikm-mode='lite'] .finish-subtitle,
[data-pdikm-mode='lite'] .font-press-start {
  color: var(--pdikm-lite-accent) !important;
  text-shadow: none !important;
}

[data-pdikm-mode='lite'] .referral-share-label,
[data-pdikm-mode='lite'] .game-error-text {
  color: #475569 !important;
}

[data-pdikm-mode='lite'] .pdikm-dash,
[data-pdikm-mode='lite'] .pdikm-dash-hero,
[data-pdikm-mode='lite'] .pdikm-dash-hero h1,
[data-pdikm-mode='lite'] .pdikm-dash-hero p,
[data-pdikm-mode='lite'] .pdikm-dash-card,
[data-pdikm-mode='lite'] .pdikm-dash-card h3,
[data-pdikm-mode='lite'] .pdikm-dash-card p {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .pdikm-dash-hero p,
[data-pdikm-mode='lite'] .pdikm-dash-card p {
  color: var(--pdikm-lite-muted) !important;
}

/* Geo */
[data-pdikm-mode='lite'] .geo-status {
  color: var(--pdikm-lite-accent);
}

/* Panel (user / operator / admin) */
[data-pdikm-mode='lite'] body.pdikm-panel-app,
[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-wrapper,
[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-page,
[data-pdikm-mode='lite'] body.pdikm-panel-app .content-wrapper {
  background: var(--pdikm-lite-bg) !important;
}

[data-pdikm-mode='lite'] body.pdikm-panel-app #layout-menu.layout-menu,
[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-menu.bg-menu-theme {
  background: var(--pdikm-lite-surface) !important;
  border-right: 1px solid var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .menu-inner > .menu-item > .menu-link {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .menu-inner > .menu-item.active > .menu-link,
[data-pdikm-mode='lite'] body.pdikm-panel-app .menu-inner > .menu-item.open > .menu-link {
  background: var(--pdikm-lite-accent-soft);
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-navbar,
[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-navbar.bg-navbar-theme {
  background: var(--pdikm-lite-surface) !important;
  border-bottom: 1px solid var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-navbar .nav-link,
[data-pdikm-mode='lite'] body.pdikm-panel-app .layout-navbar .dropdown-toggle {
  color: var(--pdikm-lite-text) !important;
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .pdikm-dash-hero,
[data-pdikm-mode='lite'] body.pdikm-panel-app .card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .content-footer {
  background: var(--pdikm-lite-surface);
  border-top: 1px solid var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] body.pdikm-panel-app .content-footer .footer-link,
[data-pdikm-mode='lite'] body.pdikm-panel-app .content-footer .footer-text {
  color: var(--pdikm-lite-muted);
}

/* SweetAlert in lite mode */
[data-pdikm-mode='lite'] .swal2-popup,
[data-pdikm-mode='lite'] .pdikm-settings-swal {
  background: #fff !important;
  color: var(--pdikm-lite-text) !important;
  border-color: var(--pdikm-lite-border) !important;
}

[data-pdikm-mode='lite'] .pdikm-settings-section__title {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-settings-section__desc,
[data-pdikm-mode='lite'] .pdikm-settings-label,
[data-pdikm-mode='lite'] .pdikm-settings-label small {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .pdikm-settings-section {
  border-bottom-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .pdikm-settings-mode-card {
  background: #f8fafc;
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .pdikm-settings-mode-card.is-active,
[data-pdikm-mode='lite'] .pdikm-settings-mode-card:has(input:checked) {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .pdikm-settings-mode-card__label {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .pdikm-settings-save-btn {
  background: var(--pdikm-lite-accent) !important;
  color: #fff !important;
}

[data-pdikm-mode='lite'] .pdikm-settings-cancel-btn {
  background: #f1f5f9 !important;
  color: var(--pdikm-lite-text) !important;
}

/* Hide heavy audio UI in lite mode */
[data-pdikm-mode='lite'] .pdikm-audio-fab,
[data-pdikm-mode='lite'] .pdikm-bgm-control {
  opacity: 0.65;
}

/* Game flow extras */
[data-pdikm-mode='lite'] .pdikm-game-timer {
  color: var(--pdikm-lite-accent);
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
}

[data-pdikm-mode='lite'] .pdikm-game-timer::before {
  background: var(--pdikm-lite-accent);
  box-shadow: none;
}

[data-pdikm-mode='lite'] .pdikm-game-clue-title {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-game-question,
[data-pdikm-mode='lite'] .pdikm-game-choice-text {
  color: #334155;
}

[data-pdikm-mode='lite'] .pdikm-game-choice {
  background: #f8fafc;
  border-color: var(--pdikm-lite-border);
}

[data-pdikm-mode='lite'] .pdikm-game-choice:hover,
[data-pdikm-mode='lite'] .pdikm-game-choice:has(.pdikm-game-choice-input:checked) {
  background: var(--pdikm-lite-accent-soft);
  border-color: #bfdbfe;
  box-shadow: none;
}

[data-pdikm-mode='lite'] .pdikm-game-choice-input {
  accent-color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-game-stat-label {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .pdikm-game-stat-value {
  color: var(--pdikm-lite-accent);
}

[data-pdikm-mode='lite'] .pdikm-level-card,
[data-pdikm-mode='lite'] .level-card {
  background: var(--pdikm-lite-surface);
  border-color: var(--pdikm-lite-border);
  box-shadow: var(--pdikm-lite-shadow);
}

[data-pdikm-mode='lite'] .pdikm-level-card__title,
[data-pdikm-mode='lite'] .level-card h3 {
  color: var(--pdikm-lite-text);
}

[data-pdikm-mode='lite'] .pdikm-level-card__desc,
[data-pdikm-mode='lite'] .level-card p {
  color: var(--pdikm-lite-muted);
}

[data-pdikm-mode='lite'] .scan-header p,
[data-pdikm-mode='lite'] .scan-status,
[data-pdikm-mode='lite'] .scan-hint,
[data-pdikm-mode='lite'] .scan-footer,
[data-pdikm-mode='lite'] .scan-timer {
  color: var(--pdikm-lite-muted) !important;
}

[data-pdikm-mode='lite'] body {
  overflow-x: hidden;
  color: var(--pdikm-lite-text) !important;
}