/* ============================================================
   WANE LAUNCH — page-specific styles (on top of landing.css)
   ============================================================ */

/* three-way split bar */
.sv-bar3 .sv-proto {
  flex: 20;
  display: flex; flex-direction: column; justify-content: center;
  padding: 14px 18px;
  background: rgba(96, 96, 252, 0.16);
  border-right: 1px solid var(--stroke);
}
.sv-bar3 .sv-proto span { font-weight: 600; color: var(--brand-hot); }
.sv-bar3 .sv-proto i, .sv-bar3 .sv-floor i, .sv-bar3 .sv-dao i {
  font-style: normal; font-size: 11px; color: var(--ink-faint); margin-top: 2px;
}
.sv-bar3 .sv-floor { flex: 60; }
.sv-bar3 .sv-dao { flex: 20; }
@media (max-width: 720px) { .sv-bar3 { flex-direction: column; } }

/* launch form */
.lform {
  margin-top: 34px;
  padding: 28px 30px;
  border-radius: var(--r-lg);
  display: flex; flex-direction: column; gap: 16px;
  max-width: 760px;
}
.lform label {
  display: flex; flex-direction: column; gap: 6px;
  font-size: 13px; color: var(--ink-dim);
}
.lform input, .lform textarea {
  background: var(--bg-1);
  border: 1px solid var(--stroke);
  border-radius: var(--r-sm);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 14.5px;
  padding: 11px 14px;
  outline: none;
}
.lform input:focus, .lform textarea:focus { border-color: rgba(96, 96, 252, 0.55); }

/* file picker — match the site's buttons instead of the OS default */
.lform input[type="file"] {
  padding: 8px;
  border-style: dashed;
  cursor: pointer;
}
.lform input[type="file"]::file-selector-button {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 600;
  color: var(--ink);
  background: rgba(96, 96, 252, 0.14);
  border: 1px solid rgba(96, 96, 252, 0.4);
  border-radius: 999px;
  padding: 8px 18px;
  margin-right: 12px;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
}
.lform input[type="file"]::file-selector-button:hover {
  background: rgba(96, 96, 252, 0.28);
  border-color: rgba(128, 128, 255, 0.7);
}
.lrow { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 640px) { .lrow { grid-template-columns: 1fr; } }

.lf-floor input[type="range"] {
  width: 100%; padding: 0; accent-color: var(--ember);
  background: none; border: none;
}
.lf-split { font-size: 12.5px; }
.lf-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 4px; }
.lf-status { font-size: 13px; min-height: 20px; color: var(--ink-dim); }
.lf-status a { color: var(--ember-hot); }
.lf-status.err { color: var(--bad); }
.lf-status.ok { color: var(--ok); }

/* registry cards */
.reg-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 42px;
}
@media (max-width: 960px) { .reg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .reg-grid { grid-template-columns: 1fr; } }
.rcard {
  padding: 22px 24px;
  border-radius: var(--r-md);
  display: flex; flex-direction: column; gap: 10px;
}
.rcard .rhead { display: flex; align-items: center; gap: 12px; }
.rcard .rhead img {
  width: 42px; height: 42px; border-radius: 10px; object-fit: cover;
  border: 1px solid var(--stroke);
  background: var(--bg-2);
}
.rcard .rhead h4 { font-family: var(--font-display); font-size: 15.5px; font-weight: 600; }
.rcard .rhead .mono { font-size: 11.5px; color: var(--ink-faint); }
.rcard .rstats { display: flex; flex-direction: column; gap: 5px; font-size: 12.5px; }
.rcard .rstats > div { display: flex; justify-content: space-between; }
.rcard .rstats .dim { color: var(--ink-faint); }
.rcard .rlinks { display: flex; gap: 12px; font-size: 12px; margin-top: 2px; }
.rcard .rlinks a { color: var(--brand-hot); }