.btn-lore { background: linear-gradient(125deg, #59442b, #32354d); color: #ffe29c; }
#screen-lore { justify-content: flex-start; overflow-y: auto; }
.lore-book { width: 100%; max-width: 560px; padding-bottom: 32px; }
.lore-cover { margin-top: 24px; padding: 32px 20px; text-align: center; border: 1px solid #726143; border-radius: 24px; background: radial-gradient(ellipse at 50% 35%, #584d2c55, transparent 65%), #202938; }
.lore-cover .eyebrow, .lore-secret .eyebrow { color: #f2d18a; }
.lore-emblem { display: block; font-size: 84px; margin: 20px 0; }
.lore-cover h2 { color: #ffe29c; font-size: clamp(2rem, 8vw, 3rem); }
.lore-cover p, .lore-missions > p { color: #bcc9d8; line-height: 1.7; margin-top: 12px; }
.lore-chapters section { padding: 28px 4px; border-bottom: 1px solid #394455; }
.lore-number { color: #e3c17f; font-size: .68rem; font-weight: 800; letter-spacing: .15em; }
.lore-chapters h3 { margin: 9px 0 12px; font-size: 1.35rem; color: #f6ebd2; }
.lore-chapters p, .lore-missions details p { color: #c8d3de; line-height: 1.85; font-size: .98rem; }
.lore-chapters strong { color: #ffe29c; }
.lore-missions { padding: 30px 0; }
.lore-missions h3 { margin-top: 8px; font-size: 1.45rem; }
.lore-missions details { margin-top: 12px; border: 1px solid #435269; border-radius: 14px; background: #202d3d; }
.lore-missions summary { cursor: pointer; padding: 18px; font-weight: 800; }
.lore-missions details[open] summary { color: #ffe29c; }
.lore-missions details p { padding: 0 18px 18px; }
.lore-secret { text-align: center; border: 1px solid #726143; border-radius: 20px; padding: 28px 16px; margin-bottom: 24px; background: #302d29; }
.lore-secret p { line-height: 1.8; margin-top: 12px; color: #d8ccaf; }
.lore-secret strong { display: inline-block; margin-top: 10px; color: #ffe29c; font-size: 1.15rem; }
.lore-book > .btn { width: 100%; margin-bottom: 18px; }