:root {
  --mui-comic-bg: #0b0907;
  --mui-comic-panel: #15100c;
  --mui-comic-panel-2: #1d1510;
  --mui-comic-gold: #c9a45c;
  --mui-comic-gold-soft: #9f7d43;
  --mui-comic-cream: #f2e7d2;
  --mui-comic-muted: #b9aa94;
  --mui-comic-line: rgba(201,164,92,.32);
}

body.mui-comic-theme-integration {
  background: var(--mui-comic-bg);
  color: var(--mui-comic-cream);
}
body.mui-comic-theme-integration .mmcr-archive-shell,
body.mui-comic-theme-integration .mmcr-library,
body.mui-comic-theme-integration .mmcr-series,
body.mui-comic-theme-integration .mmcr-reader { color: var(--mui-comic-cream); }
body.mui-comic-theme-integration .mmcr-archive-hero,
body.mui-comic-theme-integration .mmcr-series-head,
body.mui-comic-theme-integration .mmcr-reader-head { border-bottom:1px solid var(--mui-comic-line); }
body.mui-comic-theme-integration .mmcr-kicker,
body.mui-comic-theme-integration .mmcr-style-pill,
body.mui-comic-theme-integration .mmcr-bts-category { color:var(--mui-comic-gold); letter-spacing:.12em; }
body.mui-comic-theme-integration .mmcr-archive-hero h1,
body.mui-comic-theme-integration .mmcr-series h1,
body.mui-comic-theme-integration .mmcr-reader h1,
body.mui-comic-theme-integration .mmcr-series-section-title { color:var(--mui-comic-cream); text-wrap:balance; }
body.mui-comic-theme-integration .mmcr-book-card,
body.mui-comic-theme-integration .mmcr-card,
body.mui-comic-theme-integration .mmcr-episode-row,
body.mui-comic-theme-integration .mmcr-bts-card,
body.mui-comic-theme-integration .mmcr-episode-article,
body.mui-comic-theme-integration .mmcr-cta {
  background:linear-gradient(180deg,var(--mui-comic-panel-2),var(--mui-comic-panel));
  border:1px solid var(--mui-comic-line);
  box-shadow:0 14px 38px rgba(0,0,0,.28);
}
body.mui-comic-theme-integration .mmcr-book-cover,
body.mui-comic-theme-integration .mmcr-card-cover,
body.mui-comic-theme-integration .mmcr-series-cover {
  border:1px solid rgba(201,164,92,.42);
  box-shadow:0 18px 42px rgba(0,0,0,.42),8px 0 0 rgba(93,61,28,.45);
}
body.mui-comic-theme-integration a,
body.mui-comic-theme-integration .mmcr-button,
body.mui-comic-theme-integration .mmcr-back,
body.mui-comic-theme-integration .mmcr-episode-nav a,
body.mui-comic-theme-integration .mmcr-pagination a { color:var(--mui-comic-gold); }
body.mui-comic-theme-integration .mmcr-button,
body.mui-comic-theme-integration .mmcr-episode-nav a,
body.mui-comic-theme-integration .mmcr-pagination a,
body.mui-comic-theme-integration .mmcr-bts-filter { border:1px solid var(--mui-comic-line); background:#120e0a; }
body.mui-comic-theme-integration .mmcr-button:hover,
body.mui-comic-theme-integration .mmcr-episode-nav a:hover,
body.mui-comic-theme-integration .mmcr-pagination a:hover,
body.mui-comic-theme-integration .mmcr-bts-filter:hover,
body.mui-comic-theme-integration .mmcr-bts-filter.is-active { background:var(--mui-comic-gold); color:#0b0907; border-color:var(--mui-comic-gold); }
body.mui-comic-theme-integration input.mmcr-q,
body.mui-comic-theme-integration select.mmcr-style,
body.mui-comic-theme-integration select.mmcr-status { background:#120e0a; color:var(--mui-comic-cream); border:1px solid var(--mui-comic-line); }
body.mui-comic-theme-integration .mmcr-muted,
body.mui-comic-theme-integration .mmcr-book-info,
body.mui-comic-theme-integration .mmcr-card-meta,
body.mui-comic-theme-integration .mmcr-bts-note,
body.mui-comic-theme-integration .mmcr-article-body { color:var(--mui-comic-muted); }
body.mui-comic-theme-integration .mmcr-pages img,
body.mui-comic-theme-integration .mmcr-bts-image-button img { box-shadow:0 16px 44px rgba(0,0,0,.42); }
body.mui-comic-theme-integration .mmcr-lightbox { background:rgba(3,2,1,.96); }
body.mui-comic-theme-integration .mmcr-progress-bar { background:var(--mui-comic-gold); }
.mui-theme-comic-menu>a,.mmcr-direct-menu>a { letter-spacing:.08em; }

/* Homepage: Latest Comics */
.mui-home-comics {
  width:100%;
  margin:0;
  padding:clamp(56px,7vw,104px) 24px;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,164,92,.10), transparent 32%),
    linear-gradient(180deg,#0b0907 0%,#100c09 100%);
  color:var(--mui-comic-cream);
  border-top:1px solid rgba(201,164,92,.22);
  border-bottom:1px solid rgba(201,164,92,.18);
  box-sizing:border-box;
}
.mui-home-comics * { box-sizing:border-box; }
.mui-home-comics__inner { width:min(1320px,100%); margin:0 auto; }
.mui-home-comics__head { text-align:center; max-width:760px; margin:0 auto 42px; }
.mui-home-comics__kicker {
  margin:0 0 12px;
  color:var(--mui-comic-gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.mui-home-comics h2 {
  margin:0;
  color:var(--mui-comic-cream);
  font-size:clamp(34px,5vw,64px);
  line-height:1.02;
  font-weight:650;
  letter-spacing:-.025em;
}
.mui-home-comics__intro { margin:16px auto 0; color:var(--mui-comic-muted); font-size:clamp(15px,2vw,18px); line-height:1.65; }
.mui-home-comics__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(22px,3vw,42px); align-items:start; }
.mui-home-comic-card { min-width:0; }
.mui-home-comic-card__cover {
  position:relative;
  display:block;
  aspect-ratio:2/3;
  overflow:hidden;
  border:1px solid rgba(201,164,92,.46);
  background:#17110d;
  box-shadow:0 26px 56px rgba(0,0,0,.44),10px 0 0 rgba(92,58,27,.34);
  transform:translateY(0);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.mui-home-comic-card__cover:before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  z-index:2;
  background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(255,255,255,.06),transparent);
  pointer-events:none;
}
.mui-home-comic-card__cover img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.mui-home-comic-card__cover:hover { transform:translateY(-6px); border-color:rgba(201,164,92,.8); box-shadow:0 32px 66px rgba(0,0,0,.52),10px 0 0 rgba(92,58,27,.38); }
.mui-home-comic-card__cover:hover img { transform:scale(1.025); }
.mui-home-comic-card__placeholder { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; color:var(--mui-comic-gold); letter-spacing:.16em; background:radial-gradient(circle at 50% 30%,rgba(201,164,92,.14),transparent 40%),#15100c; }
.mui-home-comic-card__placeholder span { font-size:11px; }
.mui-home-comic-card__placeholder strong { font-size:26px; font-weight:600; }
.mui-home-comic-card__meta { padding:20px 4px 0; }
.mui-home-comic-card__style { margin:0 0 8px; color:var(--mui-comic-gold); font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.mui-home-comic-card h3 { margin:0; font-size:clamp(21px,2.2vw,30px); line-height:1.16; font-weight:600; }
.mui-home-comic-card h3 a { color:var(--mui-comic-cream); text-decoration:none; }
.mui-home-comic-card h3 a:hover { color:var(--mui-comic-gold); }
.mui-home-comic-card__episodes { margin:10px 0 0; color:var(--mui-comic-muted); font-size:13px; letter-spacing:.04em; }
.mui-home-comics__actions { display:flex; justify-content:center; margin-top:48px; }
.mui-home-comics__button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 26px;
  border:1px solid rgba(201,164,92,.58);
  background:rgba(201,164,92,.06);
  color:var(--mui-comic-gold)!important;
  text-decoration:none!important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.mui-home-comics__button:hover { background:var(--mui-comic-gold); border-color:var(--mui-comic-gold); color:#0b0907!important; }
.mui-home-comics__empty { grid-column:1/-1; padding:42px 24px; text-align:center; border:1px solid var(--mui-comic-line); color:var(--mui-comic-muted); background:#120e0a; }

@media (max-width:900px) {
  .mui-home-comics__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mui-home-comic-card:last-child:nth-child(odd) { grid-column:1/-1; width:min(480px,100%); justify-self:center; }
}
@media (max-width:620px) {
  .mui-home-comics { padding-left:18px; padding-right:18px; }
  .mui-home-comics__grid { grid-template-columns:1fr; gap:36px; }
  .mui-home-comic-card:last-child:nth-child(odd) { grid-column:auto; width:auto; }
  .mui-home-comic-card { width:min(500px,100%); margin:0 auto; }
}
@media (prefers-reduced-motion:reduce) {
  body.mui-comic-theme-integration *, body.mui-comic-theme-integration *::before, body.mui-comic-theme-integration *::after,
  .mui-home-comics *, .mui-home-comics *::before, .mui-home-comics *::after {
    scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important;
  }
}