/* custom overrides for prxvt dump */
/* protocol-style notice (non-clickable) */

body::before {
  content: "Official distribution notice  •  $100,000 distribution pool for the first 100 eligible participants  •  Eligibility based on early participation  •  Read-only check — never share seed phrase";
  position: fixed;
  top: 72px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
  background: rgba(0,0,0,.60);
  color: #fff;
  padding: 10px 16px;
  border-radius: 999px;
  font: 500 12px/1.25 ui-sans-serif, system-ui;
  letter-spacing: .2px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  pointer-events: none;
  white-space: nowrap;

  /* smooth show/hide */
  opacity: 1;
  transition: opacity .28s ease, transform .28s ease;
}

@media (max-width: 640px) {
  body::before {
    content:
      "Official distribution notice\A"
      "$100,000 for the first 100 eligible participants\A"
      "Eligibility based on early participation\A"
      "Read-only check — never share seed phrase";
    white-space: pre-line;
    text-align: center;
    padding: 12px 14px;
    line-height: 1.35;
    max-width: calc(100vw - 24px);
    top: 88px;
  }
}

/* class toggled by custom.js */
body.notice-hidden::before {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(-10px) !important;
}

/* tiny UX unify */
a, button {
  border-radius: 999px !important;
}