/* The lore page: the same 90s window, built to read like a file nobody was meant to open. */
.hero { background: var(--ledbg); padding: 14px 12px 12px; }
body.lore .hero h1 { color: var(--led); font: 400 clamp(38px, 11.5vw, 68px)/.92 var(--mono); margin: 0 0 8px; text-shadow: 0 0 10px rgba(255, 42, 26, .7); letter-spacing: .01em; text-wrap: balance; }
.hook { margin: 0; color: var(--hi); font: 400 clamp(24px, 7vw, 34px)/1 var(--mono); }
.live { margin: 6px 0 0; color: var(--good); font: 400 clamp(20px, 5.6vw, 26px)/1.05 var(--mono); text-shadow: 0 0 6px rgba(57, 255, 20, .5); }
.ledrow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.ledrow .k { color: #b8b8b8; }
.ledrow .led b { font-size: clamp(26px, 8vw, 36px); }
.lore .paper { font-size: 21px; line-height: 1.18; }
.lore .prose h2 { margin-top: 20px; }
.lore .prose h2:first-child { margin-top: 0; }
.pull { font-weight: 700; border-left: 6px solid var(--bad); padding: 2px 0 2px 10px; margin: 10px 0; }
.odds { max-width: none; margin-bottom: 8px; }
.odds td, .odds th { padding-block: 4px; }
.odds td:first-child { white-space: nowrap; }
.odds .worst td { background: var(--ledbg); color: var(--led); }
.file { margin: 10px 0; padding: 3px; }
.file .bar { font-size: 11px; padding: 3px 6px; }
.file .bar span + span { font-size: 9px; }
.file .bar span:first-child { overflow: hidden; text-overflow: ellipsis; flex: 0 1 auto; }
.file p { margin: 0; padding: 8px; background: var(--paper); max-width: none; }
.taunts { list-style: none; margin: 8px 0; padding: 10px 12px; background: var(--crash); color: var(--crashfg); display: grid; gap: 6px; font-size: 22px; }
.go { text-align: center; margin: 18px 0 10px !important; max-width: none !important; }
.go .cta { font-size: 16px; padding: 14px 22px; }
.fine { font-size: 17px; color: #444; text-align: center; max-width: none !important; }