.wallet-button {
  border: 1px solid #d9bc7d;
  background: #d9bc7d;
  color: #16150f;
  border-radius: 3px;
  padding: 11px 18px;
  white-space: nowrap;
  font: inherit;
  font-size: 12px;
}
.wallet-button:hover:not(:disabled) {
  background: #e8cd91;
  border-color: #e8cd91;
}
.wallet-button:focus-visible {
  outline: 2px solid #d9bc7d;
  outline-offset: 3px;
}
.wallet-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wallet-account { position:relative; }
.wallet-account-panel {
  position:absolute; right:0; top:calc(100% + 12px); z-index:1000;
  width:min(300px,calc(100vw - 32px)); padding:20px;
  background:#10140f; border:1px solid #d9bc7d66; border-radius:4px;
  box-shadow:0 12px 40px #0009; color:#eeeade; text-align:left;
  display:flex; flex-direction:column; gap:12px;
}
.wallet-account-panel strong { font-size:16px; }
.wallet-account-panel code { overflow-wrap:anywhere; white-space:normal; font-size:12px; line-height:1.6; }
.wallet-account-panel p { margin:0; font-size:12px; line-height:1.6; color:#b9b9a8; }
.wallet-account-panel label { display:flex; flex-direction:column; gap:6px; font-size:12px; }
.wallet-account-panel select { width:100%; padding:8px; background:#171c14; border:1px solid #d9bc7d66; color:#eeeade; }
.wallet-account-action { border:1px solid #d9bc7d66; padding:10px; background:transparent; color:#d9bc7d; text-align:left; font:inherit; font-size:12px; cursor:pointer; }
.wallet-account-action:hover:not(:disabled) { background:#d9bc7d15; }
.wallet-account-action:focus-visible { outline:2px solid #d9bc7d; outline-offset:2px; }
.wallet-account-action:disabled { opacity:.45; cursor:not-allowed; }
.wallet-sign-out { margin-top:4px; }
.launch-success { margin:20px 0; padding:18px; border:1px solid #d9bc7d88; background:#d9bc7d08; }
.launch-success h3 { color:#d9bc7d; margin:0 0 16px; }
.launch-success input { font:12px monospace; min-width:0; width:100%; }
.launch-success .phase-actions { flex-wrap:wrap; }
.tile-market { display:flex; justify-content:space-between; gap:10px; margin:16px 0; font-size:12px; }
.tile-market strong { color:#d9bc7d; }
.tile-market .market-stale { color:#aaa896; }
.tile-ca { border-top:1px solid #d9bc7d22; display:flex; gap:8px; align-items:end; padding:12px 16px; }
.tile-ca label { flex:1; min-width:0; font-size:10px; color:#b7b39e; }
.tile-ca input { width:100%; min-width:0; font:11px monospace; color:#ded9c7; background:transparent; padding:6px 0; border:0; }
.tile-ca button { flex-shrink:0; padding:8px 10px; font-size:11px; }
.admin-token { padding:18px 0; border-top:1px solid #d9bc7d22; }
.admin-token .phase-mint { overflow-wrap:anywhere; }
.phase-notice {
  border: 1px solid #ffffff24;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 16px 0;
  font-size: 13px;
  line-height: 1.6;
  color: #c7c9bf;
}
.phase-error {
  color: #ffb1a2;
  min-height: 1.5em;
  font-size: 13px;
  line-height: 1.5;
}
.phase-status {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #d7ff3f66;
  color: #d7ff3f;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 8px 0 16px;
}
.phase-terms {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.6;
  margin: 20px 0;
}
.phase-terms input {
  width: auto;
  margin-top: 5px;
}
input[type="checkbox"] {
  appearance:none;
  -webkit-appearance:none;
  width:18px;
  height:18px;
  min-width:18px;
  flex-shrink:0;
  padding:0;
  border:1px solid #d9bc7d;
  border-radius:3px;
  background:#090d09;
  accent-color:#d9bc7d;
  cursor:pointer;
}
.phase-terms input[type="checkbox"] { width:18px; }
input[type="checkbox"]:checked {
  background-color:#d9bc7d;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m4 9 3 3 7-7' fill='none' stroke='%2316150f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
input[type="checkbox"]:focus-visible { outline:2px solid #f0d699; outline-offset:3px; }
input[type="checkbox"]:disabled { opacity:.5; cursor:default; }
.phase-link {
  color: #d7ff3f;
  overflow-wrap: anywhere;
}
.phase-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 20px;
}
.phase-actions button,
.phase-actions a {
  flex: 1;
  text-align: center;
}
.phase-mint {
  font-family: monospace;
  overflow-wrap: anywhere;
  font-size: 12px;
  color: #b3b8b0;
}
.phase-loading {
  padding: 40px 0;
  color: #b3b8b0;
}
.phase-pair-detail {
  font-size: 12px;
  line-height: 1.6;
  color: #aeb5a5;
}
.phase-data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.phase-data div {
  border-top: 1px solid #ffffff24;
  padding: 14px 0;
}
.phase-data small {
  display: block;
  color: #aeb5a5;
  font-size: 11px;
  margin-bottom: 8px;
}
.phase-data strong {
  font-size: 20px;
}
.phase-message {
  padding: 12px 0;
  border-bottom: 1px solid #ffffff1a;
}
.phase-message small {
  color: #aeb5a5;
}
.phase-message p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
@media (max-width: 700px) {
  .header-actions .network {
    display: none;
  }
  .wallet-button {
    padding: 9px 11px;
    font-size: 11px;
  }
  .header-actions {
    gap: 8px;
  }
}
.phase-pair-detail {
  overflow-wrap: anywhere;
}
#modal .phase-notice {
  color: #3d4036;
  background: #e6e5dc;
  border-color: #a4a99b;
}
#modal .phase-pair-detail,
#modal .phase-mint,
#modal .phase-data small,
#modal .phase-message small {
  color: #565c4e;
}
#modal .phase-error {
  color: #a32b18;
}
#modal .phase-status {
  color: #47552c;
  border-color: #71814b;
}
#modal .phase-link {
  color: #4a5c26;
}
#modal .phase-data div,
#modal .phase-message {
  border-color: #9a9f9344;
}
#modal .phase-loading {
  color: #47503f;
}
#modal {
  max-width: calc(100vw - 32px);
}
html,
body {
  overflow-x: clip;
}
@media (max-width: 700px) {
  header {
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px !important;
  }
  header > .brand {
    flex-shrink: 0;
  }
  header > nav {
    order: 3;
    width: 100%;
    justify-content: center;
  }
  header > .header-actions {
    margin-left: auto;
  }
  #privy-root {
    flex-shrink: 0;
  }
  .header-actions .start {
    min-width: 40px;
  }
}