/* Small custom tweaks on top of Tailwind (loaded via CDN in Phase 0). */
:root { color-scheme: light; }

/* Speech-bubble overlay rendered on top of panel art (text is never baked in).
   Position comes from inline left/top (bubble center as a % of the panel). */
.bubble {
  position: absolute;
  transform: translate(-50%, -50%);
  background: #fff;
  color: #1c1917;
  border: 2px solid #1c1917;
  border-radius: 0.9rem;
  padding: 0.25rem 0.55rem;
  font-size: clamp(0.5rem, 2.4vw, 0.85rem);
  line-height: 1.15;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
  max-width: 70%;
}
.bubble-thought { border-style: dashed; border-radius: 1.4rem; }
.bubble-shout { border-width: 3px; font-weight: 800; text-transform: uppercase; }
.bubble-caption {
  border-color: #d6d3d1;
  background: #fffef6;
  font-style: italic;
  font-weight: 500;
}