/* Bonniepad overrides on top of layout.css */
:root {
  --font-konkhmer-sleokchher: "Fredoka", "Arial Rounded MT Bold", Arial, sans-serif;
  --font-havana: "Pacifico", cursive;
  --bp-ink: #2b1745;
  --bp-lilac: #b9a4ff;
  --bp-violet: #7a55e0;
  --bp-pink: #ff7fc8;
  --bp-mint: #6be0b3;
  --bp-butter: #ffd966;
}
html, body { margin: 0; background: var(--bp-lilac); color: var(--bp-ink); }
body { font-family: var(--font-konkhmer-sleokchher); }
a { color: inherit; text-decoration: none; }
h1.Top-module__eN3R_q__title { margin: 0; }

/* the hero baby sits on the road like the old figure did */
.bp-hero img { filter: drop-shadow(0 10px 0 rgba(43, 23, 69, .12)); }

/* parade babies bob as they go */
.bp-parade img { animation: bp-bob 1.6s ease-in-out infinite; transform-origin: bottom center; }
@keyframes bp-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } }
@media (prefers-reduced-motion: reduce) { .bp-parade img { animation: none; } }

.bp-stats .Timer-module__eSr1mW__separator { font-size: 28px; }
.bp-fund-note {
  margin: 18px auto 0; text-align: center; color: #fff; font-size: 16px;
  max-width: 560px; padding: 0 16px;
}
.bp-fund-note code {
  font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px;
  background: rgba(43, 23, 69, .18); padding: 2px 8px; border-radius: 8px; word-break: break-all;
}

.bp-example {
  width: fit-content; margin: 0 auto 14px; padding: 6px 14px; border-radius: 999px;
  background: #fff; color: var(--bp-violet); border: 3px solid var(--bp-ink);
  box-shadow: 0 4px 0 var(--bp-ink); font-size: 14px; text-align: center;
}

/* coin avatar + ticker inside the name badge column */
.bp-coin { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.bp-coin img { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--bp-ink); object-fit: cover; background: #fff; flex: none; }
.bp-mono { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: -.02em; }

.bp-chips { gap: 8px; flex-wrap: wrap; }
.bp-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px;
  background: #efe9ff; color: var(--bp-ink); font-size: 12px; border: 2px solid var(--bp-ink);
}
.bp-chip-pink { background: #ffe1f2; }

/* ---------- launch page ---------- */
.bp-launch { position: relative; z-index: 5; max-width: 1080px; margin: 0 auto; padding: 40px 24px 80px; }
.bp-launch-title { display: block; width: min(520px, 100%); margin: 0 auto 8px; }
.bp-launch-lede { text-align: center; color: #fff; font-size: 17px; margin: 0 auto 32px; max-width: 520px; }
.bp-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: start; }
.bp-card {
  background: #fff; border: 4px solid var(--bp-ink); border-radius: 22px; box-shadow: 0 8px 0 var(--bp-ink);
  padding: 26px;
}
.bp-field { display: grid; gap: 6px; margin-bottom: 16px; }
.bp-field label { font-size: 14px; color: var(--bp-violet); }
.bp-field small { color: #8a7bb0; font-size: 12px; }
.bp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.bp-input {
  font: inherit; font-size: 16px; color: var(--bp-ink); background: #f6f2ff;
  border: 3px solid var(--bp-ink); border-radius: 14px; padding: 11px 14px; outline: none; width: 100%; box-sizing: border-box;
}
.bp-input:focus { background: #fff; box-shadow: 0 0 0 4px #e3d8ff; }
textarea.bp-input { min-height: 84px; resize: vertical; }
.bp-drop {
  display: flex; align-items: center; gap: 14px; border: 3px dashed var(--bp-ink); border-radius: 16px;
  padding: 12px; background: #f6f2ff; cursor: pointer;
}
.bp-drop img { width: 64px; height: 64px; border-radius: 14px; border: 3px solid var(--bp-ink); object-fit: cover; background: #fff; }
.bp-drop input { display: none; }
.bp-btn {
  font: inherit; font-size: 17px; cursor: pointer; border: 4px solid var(--bp-ink); border-radius: 16px;
  padding: 13px 20px; background: var(--bp-pink); color: #fff; box-shadow: 0 6px 0 var(--bp-ink);
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%;
  -webkit-text-stroke: 0; transition: transform .08s, box-shadow .08s;
}
.bp-btn:active { transform: translateY(4px); box-shadow: 0 2px 0 var(--bp-ink); }
.bp-btn[disabled] { opacity: .6; cursor: default; }
.bp-btn-ghost { background: #fff; color: var(--bp-ink); }
.bp-actions { display: grid; gap: 12px; margin-top: 8px; }
.bp-msg { margin: 12px 0 0; font-size: 14px; color: var(--bp-violet); min-height: 20px; }
.bp-msg.err { color: #d23b8f; }
.bp-preview .bp-banner { border-radius: 14px; border: 3px solid var(--bp-ink); width: 100%; display: block; }
.bp-preview-head { display: flex; align-items: center; gap: 12px; margin: 16px 0 6px; }
.bp-preview-head img { width: 56px; height: 56px; border-radius: 50%; border: 3px solid var(--bp-ink); object-fit: cover; background: #f6f2ff; }
.bp-preview-name { font-size: 22px; line-height: 1.1; }
.bp-preview-tick { color: var(--bp-violet); font-size: 15px; }
.bp-preview-desc { color: #6c5c92; font-size: 14px; min-height: 20px; margin: 8px 0 14px; overflow-wrap: anywhere; }
.bp-facts { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.bp-facts li { display: flex; justify-content: space-between; gap: 10px; font-size: 14px; border-top: 2px dashed #e3d8ff; padding-top: 8px; }
.bp-facts b { font-weight: 700; }
@media (max-width: 860px) {
  .bp-grid { grid-template-columns: 1fr; }
  .bp-row { grid-template-columns: 1fr; }
  .bp-launch { padding: 24px 16px 60px; }
}

/* our section titles are longer words than the slots were drawn for */
.Rules-module__5PWXqG__title img { width: min(440px, 86vw); height: auto; }
.Discord-module__b6sCiq__title img { width: min(460px, 88vw); height: auto; }
.Discord-module__b6sCiq__title { width: auto; }

/* round BonniePad badge as the logo */
.bp-brand { display: inline-flex; align-items: center; gap: 10px; }
.Header-module__ldgnoG__logo.bp-badge { height: 54px; width: 54px; border-radius: 50%; box-shadow: 0 0 0 3px #2b1745, 0 5px 0 3px #2b1745; margin: 4px 0 8px; }
.Header-module__ldgnoG__logo.bp-word { height: 30px; }
@media (max-width: 639px) {
  .Header-module__ldgnoG__logo.bp-badge { height: 44px; width: 44px; }
  .Header-module__ldgnoG__logo.bp-word { display: none; }
}
.bp-footer-logo img { width: 132px; height: 132px; border-radius: 50%; box-shadow: 0 0 0 4px #2b1745, 0 7px 0 4px #2b1745; }

/* X button in the header */
.Header-module__ldgnoG__button.bp-xbtn { display: inline-flex; align-items: center; justify-content: center; padding-left: 12px; padding-right: 12px; background: #2b1745; color: #fff; }
.Header-module__ldgnoG__button.bp-xbtn svg { display: block; }
@media (max-width: 639px) { .Header-module__ldgnoG__buttons { gap: 8px; } }

/* CA copy pill */
.bp-ca {
  font: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; max-width: 100%;
  margin: 18px auto 0; padding: 6px 6px 6px 8px; background: #fff; color: #2b1745;
  border: 3px solid #2b1745; border-radius: 999px; box-shadow: 0 4px 0 #2b1745; box-sizing: border-box;
  transition: transform .08s, box-shadow .08s;
}
.bp-ca:active { transform: translateY(3px); box-shadow: 0 1px 0 #2b1745; }
.bp-ca-tag { background: #ff7fc8; color: #fff; border-radius: 999px; padding: 3px 9px; font-size: 13px; flex: none; }
.bp-ca-addr { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; letter-spacing: -.02em; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bp-ca-copy { background: #2b1745; color: #fff; border-radius: 999px; padding: 4px 12px; font-size: 13px; flex: none; }
.bp-ca.is-copied .bp-ca-copy { background: #2fbf8a; }
.Top-module__eN3R_q__left .bp-ca { align-self: center; }
.bp-ca-row { display: flex; justify-content: center; margin: -4px 0 14px; }
.bp-ca-row .bp-ca { margin-top: 0; }
@media (max-width: 639px) { .bp-ca-addr { font-size: 11px; } .bp-ca { gap: 6px; } }