/* ERIC FIX 2026-06-04: tombol lebih ringan, loader khas ericanime, ungu dominan. */
:root {
  --primary: #a855f7;
  --secondary: #8b5cf6;
  --app-glow-cyan: rgba(168, 85, 247, .30);
  --app-glow-violet: rgba(168, 85, 247, .42);
  --eric-purple-main: #a855f7;
  --eric-purple-soft: #c084fc;
  --eric-purple-deep: #5b21b6;
  --eric-accent-pink: #ec4899;
}

html,
body,
a,
button,
[role="button"],
.menu-btn,
.nav-link,
.btn,
.gacha-btn,
.header-back-btn,
.sidebar-episode,
.genre-pill,
.chip-button,
.wallet-pill,
.leaderboard-choice-button,
.chart-card-link,
.anime-card,
.poster-wrap {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Tombol jangan dimatikan pointer-events. Ini yang bikin tap terasa harus dua kali. */
.menu-btn.is-click-locked,
.nav-link.is-click-locked,
a.is-click-locked,
button.is-click-locked {
  pointer-events: auto !important;
  opacity: .92 !important;
  transform: scale(.985);
}

button:active,
a:active,
[role="button"]:active,
.btn:active,
.nav-link:active,
.menu-btn:active,
.gacha-btn:active,
.header-back-btn:active,
.wallet-pill:active {
  transform: scale(.985);
  transition-duration: 70ms !important;
}

/* Ungu dominan, biru/cyan dikurangi. */
body {
  background:
    radial-gradient(circle at 18% 0%, rgba(168, 85, 247, .25), transparent 32rem),
    radial-gradient(circle at 84% 8%, rgba(192, 132, 252, .14), transparent 28rem),
    linear-gradient(180deg, #090716 0%, #070513 48%, #05030d 100%) !important;
}

body::before {
  opacity: .75;
}

.navbar.compact-navbar,
.menu-drawer,
.mobile-nav,
.account-modal,
.watch-comment-menu-panel,
.comment-bio-panel,
.live-chat-panel,
.card,
.panel,
.page-card,
.collection-card,
.shop-panel,
.leaderboard-panel {
  border-color: rgba(168, 85, 247, .22) !important;
}

.menu-btn,
.nav-link.active,
.nav-link[aria-current="page"],
.btn.primary,
.gacha-btn:not(.secondary),
.google-login-btn,
.wallet-pill,
.server-btn.active,
.quality-btn.active,
.genre-pill:hover,
.chip-button.active {
  background: linear-gradient(135deg, rgba(168,85,247,.88), rgba(139,92,246,.78)) !important;
  border-color: rgba(216,180,254,.45) !important;
  box-shadow: 0 14px 34px rgba(88,28,135,.28), 0 0 0 1px rgba(216,180,254,.10) inset !important;
}

.nav-search:focus-within,
input:focus,
textarea:focus,
select:focus,
.search-input:focus,
.form-control:focus {
  border-color: rgba(192,132,252,.55) !important;
  box-shadow: 0 0 0 4px rgba(168,85,247,.12) !important;
}

.nav-link:hover,
.menu-btn:hover,
.btn:hover,
.gacha-btn:hover,
.wallet-pill:hover,
.header-back-btn:hover {
  border-color: rgba(216,180,254,.44) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.24), 0 0 0 4px rgba(168,85,247,.10) !important;
}

/* Loader khas ericanime: logo + cincin ungu, ringan untuk HP RAM kecil. */
.boot-screen.boot-screen-spinner-only,
.page-logo-loader {
  pointer-events: none !important;
  background:
    radial-gradient(circle at center, rgba(168,85,247,.20), rgba(5,3,13,.58) 42%, rgba(5,3,13,.70)) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.page-logo-loader.transparent-loader {
  background: rgba(5,3,13,.30) !important;
}

.ericanime-brand-loader .network-loading-card {
  display: grid !important;
  place-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.eric-loader-logo-wrap {
  position: relative;
  width: 76px;
  height: 76px;
  display: grid;
  place-items: center;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(168,85,247,.08));
  box-shadow: 0 16px 42px rgba(88,28,135,.34), inset 0 1px 0 rgba(255,255,255,.16);
  overflow: visible;
}

.eric-loader-logo {
  width: 52px;
  height: 52px;
  object-fit: contain;
  border-radius: 16px;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.35));
}

.ericanime-brand-loader .eric-purple-loader,
.ericanime-brand-loader .page-loader-spinner,
.boot-screen .eric-purple-loader,
.network-loading-overlay .eric-purple-loader,
.network-loading-spinner,
.leaderboard-logo-loading .network-loading-spinner {
  position: absolute;
  inset: -8px;
  width: auto !important;
  height: auto !important;
  inline-size: auto !important;
  block-size: auto !important;
  border-radius: 28px !important;
  border: 3px solid rgba(168,85,247,.16) !important;
  border-top-color: #c084fc !important;
  border-right-color: #a855f7 !important;
  background: transparent !important;
  box-shadow: 0 0 24px rgba(168,85,247,.28) !important;
  animation: networkSpin .82s linear infinite !important;
}

.eric-loader-brand {
  display: block !important;
  color: #f3e8ff;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
  text-shadow: 0 0 18px rgba(168,85,247,.50);
}

.anime-grid-load-wrap.page-inline-loader,
.network-loading-overlay {
  pointer-events: none !important;
}

.anime-grid-load-wrap.page-inline-loader .eric-purple-loader.anime-grid-page-spinner {
  border-top-color: #c084fc !important;
  border-right-color: #a855f7 !important;
  box-shadow: 0 0 16px rgba(168,85,247,.25) !important;
}

/* Beberapa komponen yang biasanya masih kebiruan. */
.badge,
.pill,
.status-pill,
.live-badge,
.update-badge,
.score-badge,
.rank-badge {
  border-color: rgba(168,85,247,.28) !important;
}

::selection {
  background: rgba(168,85,247,.42);
  color: #fff;
}

@media (max-width: 640px) {
  .eric-loader-logo-wrap {
    width: 66px;
    height: 66px;
    border-radius: 22px;
  }
  .eric-loader-logo {
    width: 46px;
    height: 46px;
  }
  .eric-loader-brand {
    font-size: 11px;
  }
}