/* solo.css — page chrome for the standalone DOOM and keygen pages. Loaded after style.css,
   which still provides the DOOM frame, the Win98 window and the keygen styles. */
body.solo {
  min-height: 100vh; font: 14px/1.6 var(--mono);
  background: radial-gradient(ellipse at 50% -10%, var(--glow, #2a0a3e) 0%, #14062a 40%, var(--bg) 75%);
}
body.solo.fine, body.solo.fine * { cursor: auto !important; }
body.solo a, body.solo button { cursor: pointer; }
.solo a { color: var(--cyan); }
.solo-top { max-width: 920px; margin: 0 auto; padding: 26px 16px 8px; text-align: center; }
.solo-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.solo .back, .solo #sound-toggle {
  display: inline-block; font: .72rem var(--mono); letter-spacing: .14em; text-transform: uppercase; text-decoration: none;
  color: var(--cyan); border: 1px solid rgba(0, 240, 255, .35); border-radius: 999px; padding: 6px 14px; background: none;
}
.solo .back:hover, .solo #sound-toggle:hover { background: rgba(0, 240, 255, .12); }
.solo h1 { margin: 18px 0 12px; font: 900 clamp(1.6rem, 7vw, 3.8rem)/1 var(--display); letter-spacing: .01em; }
.solo h1 span { display: block; margin-top: 8px; font-size: .36em; letter-spacing: .3em; color: var(--ink); text-shadow: 0 0 20px rgba(0, 240, 255, .5); }
.solo-sub { max-width: 66ch; margin: 0 auto 22px; color: var(--dim); font-size: .82rem; line-height: 1.75; }
.solo-sub code, .solo-foot code { color: var(--yellow); }
.solo main { position: relative; z-index: 10; max-width: 920px; margin: 0 auto; padding: 0 16px 70px; }
.solo-foot { max-width: 800px; margin: 18px auto 0; text-align: center; color: var(--dim); font-size: .72rem; line-height: 1.7; }
.solo-foot.dim { opacity: .7; }

/* DOOM */
body.doom-page { --glow: #3a0a0a; }
.doom-page h1 { color: #ff1a1a; text-shadow: 0 0 2px #000, 3px 3px 0 #5a0000, 0 0 40px rgba(255, 0, 0, .6); }
.doom-page .isaac-corner { position: static; justify-content: center; margin: 0 0 18px; }
.doom-page .isaac-sprite, .doom-page .isaac-sprite canvas { width: 72px; height: 72px; }
.doom-page .isaac-sprite .tear { left: 26px; top: 30px; }
.doom-page .isaac-sprite .tear2 { left: 44px; }

/* keygen */
body.keygen-page { --glow: #0a0a4a; }
.keygen-page h1 { color: var(--yellow); text-shadow: 0 0 2px #000, 3px 3px 0 #000080, 0 0 40px rgba(16, 132, 208, .7); }
.keygen-page .kg-wrap { max-width: 880px; }