/* Pop Art: bentuk Memphis, zig-zag, huruf tebal untuk remaja */
:root {
  --c1: #ff4f9a; --c2: #ffd400; --c3: #2ec4b6; --accent: #ff4f9a;
  --bg: #fff7fb; --bg-alt: #ffeaf4; --ink: #1d1a2f; --muted: #5d5870; --card: #ffffff;
  --line: color-mix(in srgb, var(--ink) 14%, transparent);
  --dots: radial-gradient(color-mix(in srgb, var(--ink) 14%, transparent) 1.6px, transparent 2px) 0 0 / 18px 18px;
  --cover-bg: var(--dots), var(--bg);
  --cover-ink: var(--ink);
  --f-display: "Rubik", system-ui, sans-serif;
  --f-script: "Shrikhand", Impact, sans-serif;
  --f-body: "Rubik", system-ui, sans-serif;
  --title-size: clamp(2.9rem, 13vw, 4.2rem);
  --r: 16px;
}
.inv-title { color: var(--accent); text-shadow: 4px 4px 0 var(--ink); line-height: 1.05; }
.inv-cover .inv-title, .inv-aside .inv-title { -webkit-text-stroke: 1.5px var(--ink); }
.inv-label { font-weight: 700; background: var(--c2); color: var(--ink); padding: 4px 10px; letter-spacing: .14em; transform: rotate(-2deg); }
.inv-cover-inner, .inv-aside-inner { background: var(--card); border: 3px solid var(--ink); border-radius: 20px; padding: 28px 20px; box-shadow: 10px 10px 0 var(--c3); }
.inv-corner { width: min(48vw, 220px); }
.inv-name { font-family: "Shrikhand", sans-serif; color: var(--ink); }
.inv-sec-title { color: var(--ink); text-shadow: 3px 3px 0 var(--c2); }
.inv-card { border: 3px solid var(--ink); box-shadow: 6px 6px 0 var(--c1); }
.inv-btn { border-color: var(--ink); box-shadow: 4px 4px 0 var(--ink); font-weight: 700; }
.inv-btn-ghost { background: var(--card); color: var(--ink); }
.inv-avatar { border-radius: 24px; border: 3px solid var(--ink); box-shadow: 8px 8px 0 var(--c2); }
.inv-countdown div { border: 3px solid var(--ink); }
.inv-countdown div:nth-child(odd) { background: var(--c2); }
.inv-countdown div:nth-child(even) { background: var(--c3); }
.inv-countdown span { color: var(--ink); }
.inv-sec:nth-of-type(even) { background: var(--dots), var(--bg-alt); }
body.color-neon .inv-countdown b, body.color-neon .inv-countdown span { color: #101014; }
/* Judul dengan kata panjang (misal "Muhammad") diperkecil supaya tidak terpotong */
.title-long .inv-title { font-size: calc(var(--title-size) * .74); }
.title-long .inv-aside .inv-title { font-size: calc(var(--title-size) * .95); }