/* 20 PLEBSLOP: sticky, orange, ridiculous. Ink outlines, sticker labels, an orange drip, wobbly cards. */
[data-world="plebslop"] {
  --grain: 0;
  --enter: wobble-in 650ms cubic-bezier(.3, 1.6, .5, 1);
}
@keyframes wobble-in { from { opacity: 0; transform: scale(0.9) rotate(-2deg); } to { opacity: 1; transform: none; } }
/* orange drip along the top of the page */
[data-world="plebslop"] body::before {
  content: ""; position: fixed; inset: 0 0 auto 0; height: 18px; z-index: 5; pointer-events: none;
  background: radial-gradient(10px 14px at 10% 0, var(--fill) 98%, transparent), radial-gradient(8px 18px at 34% 0, var(--fill) 98%, transparent),
    radial-gradient(12px 12px at 61% 0, var(--fill) 98%, transparent), radial-gradient(9px 16px at 87% 0, var(--fill) 98%, transparent),
    linear-gradient(var(--fill), var(--fill)) top / 100% 5px no-repeat;
}
/* chunky ink outlines: orange buttons need them on the cream ground */
[data-world="plebslop"] .btn, [data-world="plebslop"] .card, [data-world="plebslop"] .hero-media { border: 2px solid var(--ink); }
[data-world="plebslop"] .shot { border: 0; }
[data-world="plebslop"] .shot-img img { border: 2px solid var(--ink); border-radius: var(--radius); }
[data-world="plebslop"] .shot:hover .shot-img img { transform: rotate(3deg); transition: transform 180ms cubic-bezier(.3, 1.6, .5, 1); }
/* a sticker beside the hero copy, never on her face */
[data-world="plebslop"] .hero-copy::before {
  content: "NOT FINANCIAL ADVICE"; display: inline-block; transform: rotate(-4deg); margin-bottom: var(--space-3);
  padding: 4px 10px; border: 2px solid var(--ink); border-radius: 6px; background: var(--spice); color: var(--ink);
  font-family: var(--font-label); font-weight: 700; font-size: 0.75rem; letter-spacing: 0.06em;
}