/* Lore archive — modern grimoire shared with the rest of the site. */
.lore-page { --lore-red:#d32339; --lore-gold:#efc16f; --lore-panel:#101012; overflow-x:hidden; }
.lore-page .berserk-side { display:none !important; }
.lore-page .lore-main-wrapper { width:100% !important; margin-left:0 !important; }
.lore-page nav { width:100% !important; margin:0 !important; box-sizing:border-box; }
.lore-page .atlas-context-menu { display:none !important; }

.lore-page .page-header { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; width:min(calc(100% - 64px),1480px) !important; max-width:1480px !important; min-height:410px; margin:30px auto 65px !important; padding:76px clamp(34px,6vw,92px) !important; overflow:hidden; border:1px solid #453238 !important; border-radius:24px; background:linear-gradient(90deg,#09090cf2 0%,#09090cc9 51%,#09090c38 88%),url('images/godhand.gif') 82% 30% / cover no-repeat !important; box-shadow:0 30px 80px #000a !important; text-align:left !important; box-sizing:border-box; }
.lore-page .page-header::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 78% 42%,#92142f42,transparent 34%); pointer-events:none; }
.lore-page .page-header::after { content:'LORE'; position:absolute; right:-18px; bottom:-38px; color:#ffffff0a; font:700 130px/1 'Cinzel',serif; text-shadow:none; pointer-events:none; }
.lore-page .page-header > * { position:relative; z-index:1; }
.lore-page .lore-section-index { position:absolute; left:clamp(34px,6vw,92px); top:27px; color:#93162a; font:700 72px/1 'Cinzel',serif; opacity:.45; }
.lore-page .page-header .archive-kicker { color:var(--lore-red); font-size:12px; letter-spacing:.18em; }
.lore-page .page-header h1 { max-width:760px; margin:14px 0 18px; color:#f5ece4; font-size:clamp(52px,6.5vw,94px); line-height:.98; letter-spacing:.015em !important; text-align:left; text-shadow:none; }
.lore-page .page-header p { max-width:650px; margin:0 !important; color:#bcb2ab !important; font-size:17px; line-height:1.75; font-style:normal; text-align:left; }

.lore-page .archive-section { width:min(calc(100% - 64px),1480px) !important; max-width:1480px !important; margin:100px auto !important; }
.lore-page .archive-section::before { top:-40px; left:0; color:#94182b; font-size:86px; opacity:.42; }
.lore-page .archive-section .archive-kicker { color:var(--lore-red); font-size:12px; }
.lore-page .archive-section .archive-heading { max-width:900px; margin:12px 0 18px; color:#f4ebe3; font-size:clamp(44px,5vw,74px); line-height:1.04; }
.lore-page .archive-section .archive-lead { max-width:800px; color:#afa59e; font-size:17px; line-height:1.75; }
.lore-page .cosmology-stack { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin-top:38px; }
.lore-page .cosmology-layer,
.lore-page .cosmology-layer:nth-child(n) { position:relative; display:flex; flex-direction:column; gap:15px; min-height:210px; margin:0; padding:31px 27px; overflow:hidden; border:1px solid #43343a; border-top:3px solid var(--layer-color,#aa3445); border-radius:17px; background:radial-gradient(ellipse at 100% 0,var(--layer-glow,#6d172a35),transparent 65%),#101012; box-sizing:border-box; }
.lore-page .cosmology-layer::after { content:attr(data-depth); position:absolute; right:-3px; bottom:-19px; color:#ffffff09; font:700 76px/1 'Cinzel',serif; }
.lore-page .cosmology-layer:nth-child(1) { --layer-color:#b79b70; --layer-glow:#79613c35; }
.lore-page .cosmology-layer:nth-child(2) { --layer-color:#8c777d; --layer-glow:#67505b35; }
.lore-page .cosmology-layer:nth-child(3) { --layer-color:#a53b4b; }
.lore-page .cosmology-layer:nth-child(4) { --layer-color:#e0273f; --layer-glow:#9b102c48; }
.lore-page .cosmology-layer b { color:#f3e9df; font-size:20px; line-height:1.25; }
.lore-page .cosmology-layer span { color:#aaa19a; font-size:15px; line-height:1.65; }

.lore-page .layout-container { display:grid !important; grid-template-columns:260px minmax(0,1fr); width:min(calc(100% - 64px),1480px) !important; max-width:1480px !important; margin:110px auto !important; padding:0 !important; gap:30px !important; }
.lore-page .sidebar { position:sticky; top:90px; width:auto; min-width:0; max-width:none; padding:28px 22px; border:1px solid #413338; border-top:3px solid var(--lore-red); border-radius:16px; background:#0d0d10; box-shadow:0 18px 45px #0008; }
.lore-page .sidebar h3 { margin:0 0 20px; padding:0 0 17px; border-color:#3f3437; color:#f3e9df; font-size:22px; letter-spacing:.08em; text-shadow:none; }
.lore-page .sidebar ul { gap:7px; }
.lore-page .sidebar a { min-height:42px; display:flex; align-items:center; padding:0 13px 0 17px; border:1px solid transparent; border-radius:8px; color:#918a86; font-size:14px; }
.lore-page .sidebar a::before { left:0; width:3px; border-radius:3px; background:var(--lore-red); box-shadow:none; }
.lore-page .sidebar a.active-link,
.lore-page .sidebar a:hover { padding-left:22px; border-color:#463238; color:#f2e8df; background:#1b1317; text-shadow:none; }
.lore-page .main-content { width:auto !important; max-width:none !important; margin:0 !important; }

.lore-page .lore-glossary { margin:0 0 28px !important; padding:34px; border:1px solid #45343a; border-radius:18px; background:radial-gradient(ellipse at 100% 0,#74172a35,transparent 65%),#101012; }
.lore-page .lore-glossary h2 { margin:9px 0 23px; color:#f3e9df; font-size:32px; }
.lore-page .glossary-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.lore-page .glossary-list button { min-height:50px; padding:14px 16px; border-color:#44363b; border-radius:9px; color:#d8cec5; background:#0a0a0d; font-size:14px; }
.lore-page .glossary-list button:hover,
.lore-page .glossary-list button.active { border-color:#a53b4b; color:#f6e9df; background:#32151d; }
.lore-page .glossary-list p { margin:3px 0 7px; padding:16px 18px; border-left-color:var(--lore-gold); border-radius:6px; color:#beb4ad; background:#0a0a0d; font-size:15px; }

.lore-page .article-block { margin:0 0 28px; padding:clamp(32px,4.2vw,58px); overflow:hidden; border:1px solid #403338 !important; border-radius:20px !important; background:radial-gradient(ellipse at 100% 0,#68172926,transparent 55%),#101012 !important; box-shadow:0 24px 58px #0008; }
.lore-page .article-block::before { content:'АРХІВ МІДЛЕНДА'; display:block; margin-bottom:17px; color:var(--lore-red); font:700 11px 'Cinzel',serif; letter-spacing:.16em; }
.lore-page .article-block h2 { display:block; width:fit-content; margin:0 0 32px; color:#f4ebe3; font-size:clamp(32px,3.6vw,52px); line-height:1.08; letter-spacing:.01em; text-shadow:none; }
.lore-page .article-block h2::after { bottom:-13px; width:100%; background:linear-gradient(90deg,var(--lore-red),transparent); }
.lore-page .article-block p { max-width:920px; margin:0 0 23px; color:#c0b6af; font-size:17px; line-height:1.82; text-align:left; }
.lore-page .article-block > p:first-of-type::first-letter { margin-right:12px; color:var(--lore-red); font-size:58px; text-shadow:none; }
.lore-page .lore-img { height:clamp(300px,37vw,470px); margin:3px 0 34px; border:1px solid #50383f; border-radius:14px; object-position:center 20%; filter:grayscale(.32) contrast(1.08) brightness(.88); box-shadow:0 18px 40px #0008; }
.lore-page .lore-quote { margin:34px 0; padding:21px 24px 21px 30px; border:1px solid #46363a; border-left:3px solid var(--lore-gold); border-radius:9px; color:#ccbcae; background:#0a0a0d; font-size:17px; line-height:1.7; }
.lore-page .lore-quote::before { color:#8b5a3370; }

.lore-page .bestiary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:31px; }
.lore-page .apostle-card { height:440px; border-color:#49363c; border-radius:15px; box-shadow:0 16px 38px #0009; }
.lore-page .apostle-card:hover { transform:translateY(-6px); border-color:#a23c4d; box-shadow:0 24px 48px #000b,0 0 28px #8e132738; }
.lore-page .apostle-name { bottom:0; padding:55px 18px 20px; color:#e8ddd5; font-size:18px; opacity:.9; background:linear-gradient(transparent,#09090de8 68%); }
.lore-page .apostle-card:hover .apostle-name { color:#ff5268; }

.lore-page .secret-lore { min-height:380px; display:grid; place-content:center; margin:0 0 28px; padding:55px clamp(28px,5vw,70px); overflow:hidden; border:1px solid #451d26; border-radius:20px; background:radial-gradient(circle at 50% 50%,#2a0710,#09090c 70%); box-shadow:0 24px 58px #0009; cursor:pointer; }
.lore-page .secret-lore::before { content:'НАТИСНИ, ЩОБ РОЗКРИТИ ЗАПИС'; color:#a9606b; font:700 11px 'Cinzel',serif; letter-spacing:.16em; }
.lore-page .secret-lore h2 { margin:13px 0; color:#771628; font-size:clamp(36px,4vw,58px); text-shadow:0 0 25px #9f142830; }
.lore-page .secret-text { max-width:900px; margin:20px auto 0; color:#2d2426; font-size:16px; filter:blur(8px); opacity:.2; }
.lore-page .secret-lore:hover,
.lore-page .secret-lore:focus-visible,
.lore-page .secret-lore.revealed { border-color:#9f263a; animation:none; background:radial-gradient(circle at 50% 50%,#3b0b17,#0a090c 72%); }
.lore-page .secret-lore:hover h2,
.lore-page .secret-lore:focus-visible h2,
.lore-page .secret-lore.revealed h2 { color:#ef334d; letter-spacing:.035em; text-shadow:0 0 28px #d3233970; }
.lore-page .secret-lore:hover .secret-text,
.lore-page .secret-lore:focus-visible .secret-text,
.lore-page .secret-lore.revealed .secret-text { color:#bbb0aa; filter:none; opacity:1; }

.lore-page .layout-container + .archive-section .archive-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:34px; border:0; background:none; }
.lore-page .layout-container + .archive-section .archive-panel { min-height:230px; padding:32px; border:1px solid #403438; border-radius:17px; background:radial-gradient(ellipse at 100% 0,#64182a2e,transparent 60%),#101012; }
.lore-page .layout-container + .archive-section .archive-panel h3 { margin:0 0 14px; color:#f2e7dc; font-size:25px; }
.lore-page .layout-container + .archive-section .archive-panel p { color:#aaa099; font-size:16px; line-height:1.7; }

@media(max-width:1050px) {
 .lore-page .cosmology-stack { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lore-page .layout-container { grid-template-columns:220px minmax(0,1fr); }
 .lore-page .bestiary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lore-page .apostle-card:last-child { grid-column:1/-1; width:min(100%,420px); justify-self:center; }
}
@media(max-width:780px) {
 .lore-page .page-header,.lore-page .archive-section,.lore-page .layout-container { width:calc(100% - 32px) !important; }
 .lore-page .page-header { min-height:440px; margin-top:18px !important; padding:72px 25px 38px !important; background:linear-gradient(180deg,#09090ca8,#09090cf5),url('images/godhand.gif') 65% center / cover no-repeat !important; }
 .lore-page .page-header h1 { font-size:clamp(42px,13vw,62px); }
 .lore-page .layout-container { display:flex !important; flex-direction:column; margin-block:75px !important; }
 .lore-page .sidebar { position:relative; top:auto; width:100%; box-sizing:border-box; }
 .lore-page .sidebar ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .lore-page .archive-section { margin-block:76px !important; }
 .lore-page .layout-container + .archive-section .archive-grid { grid-template-columns:1fr; }
}
@media(max-width:560px) {
 .lore-page .cosmology-stack,.lore-page .glossary-list,.lore-page .bestiary-grid { grid-template-columns:1fr; }
 .lore-page .apostle-card,.lore-page .apostle-card:last-child { grid-column:auto; width:100%; height:420px; }
 .lore-page .sidebar ul { grid-template-columns:1fr; }
 .lore-page .article-block { padding:29px 23px; }
 .lore-page .article-block p { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .lore-page .apostle-card,.lore-page .apostle-img,.lore-page .secret-lore,.lore-page .secret-text { transition:none; animation:none; }
}