/* Variant: CRT — a retro amber terminal on a curved CRT screen. Dark. */
:root {
  --bg: #120d06; --surface: #1c150b; --muted: #160f08; --ink: #ffe9c2; --ink-2: #c4a477; --line: #3a2a14;
  --accent: #ffb000; --accent-ink: #1a1000; --accent-soft: #3a2a0a; --green-soft: #261c0e; --amber-soft: #33240a;
  --night: #1c150b; --night-2: #261c10; --night-line: rgba(255, 200, 120, 0.12); --night-ink: #ffe9c2; --night-ink-2: #c4a477;
  --ui-bg: #241a0c; --ui-line: #3a2a14; --ui-fill: #4a3618; --ui-fill-2: #2c200f; --ui-strong: #ffd38a; --ui-accent: #ffb000; --ui-img: #33240a;
  --ui-tint-a: #4a3410; --ui-tint-b: #3a2414; --ui-tint-c: #4a3a10;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;
  color-scheme: dark;
}
.crt { padding: clamp(14px, 2vw, 22px); border-radius: 36px; background: linear-gradient(145deg, #3b3226, #1e1912); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.9), inset 0 2px 0 rgba(255, 255, 255, 0.08); }
.crt-screen {
  position: relative; min-height: 22rem; padding: clamp(18px, 3vw, 32px); overflow: hidden; border-radius: 26px / 34px;
  background: radial-gradient(ellipse at center, #2a1a04 0%, #120a02 85%);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.9), inset 0 0 12px rgba(255, 176, 0, 0.25);
  font-family: var(--mono); font-size: clamp(0.8125rem, 1.25vw, 1.0625rem); line-height: 1.9; color: #ffb000;
  text-shadow: 0 0 6px rgba(255, 176, 0, 0.8);
}
.crt-screen::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.28) 0 2px, transparent 2px 4px); }
.crt-screen ul { margin: 0.25rem 0 0.75rem; padding: 0; list-style: none; }
.crt-p { color: #ffd27a; }
.crt-dim { opacity: 0.7; }
.crt-ok { color: #fff1cc; }
.crt-cur { display: inline-block; width: 0.6em; height: 1.1em; vertical-align: -0.2em; background: #ffb000; box-shadow: 0 0 8px #ffb000; }
@media (prefers-reduced-motion: no-preference) { .crt-cur { animation: crt-blink 1s steps(1) infinite; } @keyframes crt-blink { 50% { opacity: 0; } } }
.crt-title { color: #ffd38a; text-shadow: 0 0 24px rgba(255, 176, 0, 0.35); }
.tile--dark { background: linear-gradient(160deg, #33240a, #1c150b 70%); }