.identity-private-hint,
.number-mystery-private-hint,
.pokemon-scout-panel,
.wavelength-feedback,
.creative-edit-form,
.clock-waiting .choice-row {
  display: grid;
  gap: 8px;
}

.identity-private-hint,
.pokemon-scout-panel,
.wavelength-feedback {
  margin: 14px 0;
  padding: 12px 14px;
  border: 1px solid rgba(103, 232, 249, .28);
  border-radius: 14px;
  background: rgba(6, 182, 212, .08);
}

.identity-private-hint span,
.pokemon-scout-panel span { color: var(--text); }
.identity-hint-button,
.number-mystery-hint-button,
.pokemon-scout-panel button { justify-self: center; }

.wavelength-feedback {
  color: #fde68a;
  font-weight: 900;
  text-align: center;
}

.wavelength-feedback strong { color: #67e8f9; font-size: 1.35em; }
.creative-edit-form { width: min(100%, 560px); margin-top: 12px; }
.creative-edit-form textarea { min-height: 70px; resize: vertical; }

.wavelength-pro-range {
  position: absolute;
  top: 25%;
  bottom: 25%;
  border: 2px solid rgba(134, 239, 172, .85);
  border-radius: 999px;
  background: rgba(134, 239, 172, .2);
  box-shadow: 0 0 20px rgba(134, 239, 172, .26);
}

.protected-event strong { color: #86efac; }
.clock-waiting .choice-row { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }

.light-theme .identity-private-hint,
.light-theme .pokemon-scout-panel,
.light-theme .wavelength-feedback { background: #ecfeff; border-color: rgba(14, 116, 144, .25); }
.light-theme .wavelength-feedback { color: #92400e; }

@media (max-width: 620px) {
  .clock-waiting .choice-row { grid-template-columns: 1fr; }
}

/* Commerce help is rendered at document level so modal overflow cannot clip it. */
.commerce-chip { outline: none; }
.commerce-chip:focus-visible {
  border-color: #67e8f9;
  box-shadow: 0 0 0 2px rgba(103, 232, 249, .22);
}
.commerce-chip::after { content: none !important; }
.commerce-tooltip {
  position: fixed;
  z-index: 140;
  width: min(270px, calc(100vw - 24px));
  padding: 9px 10px;
  border: 1px solid rgba(167, 139, 250, .58);
  border-radius: 10px;
  background: #111827;
  color: #f8fafc;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .42);
  pointer-events: none;
  overflow-wrap: anywhere;
}
.commerce-tooltip[hidden] { display: none; }
.light-theme .commerce-tooltip {
  border-color: rgba(109, 40, 217, .4);
  background: #fff;
  color: #172033;
  box-shadow: 0 16px 34px rgba(71, 85, 105, .2);
}