/* Parked "coming soon" page. System fonts only: no font downloads, no third parties. */
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 24px 16px;
  text-align: center;
}
main { width: 100%; max-width: 560px; }
.art { display: block; width: 100%; height: auto; max-width: 480px; margin: 0 auto 20px; border-radius: 24px; }
h1 { margin: 0 0 6px; font-size: clamp(2rem, 8vw, 3.2rem); line-height: 1.1; letter-spacing: -0.01em; }
.soon { margin: 0 0 28px; font-size: 1.25rem; opacity: 0.85; }
.go { display: inline-block; padding: 12px 22px; border-radius: 999px; font-weight: 700; text-decoration: none; }

/* Rocko's World: same palette as the Rocko sites */
body.rocko { background: #1c2434; color: #fff8ec; }
body.rocko .go { background: #ffc93c; color: #1c2434; }
body.rocko .go:hover, body.rocko .go:focus-visible { background: #ffd866; }

/* Neutral (non-Rocko domains) */
body.neutral { background: #f4f2ee; color: #1d1d1f; }
body.neutral .go { background: #1d1d1f; color: #f4f2ee; }
@media (prefers-color-scheme: dark) {
  body.neutral { background: #141416; color: #ececec; }
  body.neutral .go { background: #ececec; color: #141416; }
}

body.index { text-align: left; align-items: flex-start; }
body.index li { margin: 6px 0; }
body.index a { color: inherit; }