/* Pombo.exe — styles on the Lab shell. Accent: lime #a3e635. */

/* Override the Lab's shared --accent so the "?" help button + modal
   pick up this toy's own color (Lab pattern). */
:root { --accent: #a3e635; }

.pb-intro { text-align: center; margin: 0 auto 1.6rem; max-width: 720px; }
.pb-intro__title { font-family: 'Poppins', sans-serif; font-weight: 800; letter-spacing: -.02em;
  font-size: clamp(1.8rem, 4.5vw, 2.6rem); margin: 0 0 .45rem; }
.pb-intro__lead { color: var(--text-muted, #94a3b8); font-size: 1.02rem; margin: 0; }
.pb-nojs { color: var(--text-muted, #94a3b8); padding: 1rem; }

.pb-stage { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;
  min-height: 220px; border: 1px solid rgba(163,230,53,.25); border-radius: 12px;
  background: radial-gradient(400px 160px at 50% 20%, rgba(163,230,53,.07), transparent 70%), #0b1220; }
.pb-bubble { font: 600 .85rem ui-monospace, monospace; color: #d9f99d; background: rgba(163,230,53,.1);
  border: 1px solid rgba(163,230,53,.35); border-radius: 12px; padding: .35rem .8rem; margin-bottom: .8rem;
  max-width: 90%; text-align: center; }
.pb-art { margin: 0; font: 700 clamp(.95rem, 3vw, 1.25rem)/1.25 ui-monospace, Menlo, Consolas, monospace;
  color: #e2e8f0; text-shadow: 0 0 12px rgba(163,230,53,.25); white-space: pre; }

.pb-mood { text-align: center; margin: .8rem 0 .35rem; font-size: .9rem; color: var(--text-muted, #94a3b8); }
.pb-mood b { color: #a3e635; }

.pb-bars { display: flex; gap: 1.4rem; justify-content: center; flex-wrap: wrap; margin-bottom: 1rem;
  font: 600 .78rem ui-monospace, monospace; color: var(--text-muted, #94a3b8); }
.pb-bar { color: #a3e635; letter-spacing: .08em; }

.pb-actions { display: flex; gap: .55rem; justify-content: center; flex-wrap: wrap; }
.pb-btn { display: inline-flex; align-items: center; gap: .4rem; min-height: 46px; cursor: pointer;
  border-radius: 999px; padding: .5rem 1.05rem; font: 700 .9rem 'Inter', sans-serif;
  border: 1px solid var(--border, rgba(255,255,255,.14)); background: var(--surface-2, #243349);
  color: var(--text-main, #f8fafc); transition: border-color .15s, background .15s, transform .08s; }
.pb-btn:hover:not(:disabled) { border-color: #a3e635; }
.pb-btn:active { transform: scale(.96); }
.pb-btn:disabled { opacity: .45; cursor: not-allowed; }
.pb-btn--share { border-color: rgba(163,230,53,.5); color: #d9f99d; }

.pb-toast { position: fixed; left: 50%; bottom: 1.4rem; transform: translateX(-50%); z-index: 50;
  font: 700 .8rem ui-monospace, monospace; background: var(--bg-card, #1e293b);
  border: 1px solid rgba(163,230,53,.5); border-radius: 999px; padding: .5rem 1.1rem;
  color: var(--text-main, #f8fafc); box-shadow: 0 10px 30px -12px rgba(2,6,23,.6);
  max-width: min(92vw, 520px); text-align: center; }