/* === Page Lore Noxis — archives post-effondrement (identité du site) === */
.nav-active{color:#fff;position:relative}
.nav-active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--purple);border-radius:2px}

.lore{position:relative}
.lore::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.011) 0 1px,transparent 1px 4px)}

/* --- Hero --- */
.lore-hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;padding:150px clamp(20px,7vw,120px) 90px;overflow:hidden}
.lore-hero-bg{position:absolute;inset:0;background:url('/noxismc-background.png') center 40%/cover no-repeat;filter:grayscale(.45) brightness(.7);transform:scale(1.03)}
.lore-hero-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,10,.55),rgba(6,7,10,.35) 40%,var(--bg) 96%),linear-gradient(90deg,rgba(6,7,10,.6),transparent 60%)}
.lore-hero-c{position:relative;z-index:2;max-width:860px}
.lore-eyebrow{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:rgba(11,13,19,.65);backdrop-filter:blur(6px);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.lore-hero h1{margin:0;font-size:clamp(40px,7.5vw,84px);font-weight:900;line-height:1.02;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.7)}
.lore-sub{margin:20px 0 0;font-size:clamp(15px,2vw,19px);color:#cfd2d9;font-weight:500;letter-spacing:.02em}

/* --- Corps --- */
.lore-body{position:relative;z-index:1;max-width:780px;margin:0 auto;padding:20px clamp(18px,4vw,40px) 60px}
.lore-body p{font-size:16.5px;line-height:1.95;color:#c9ccd4;margin:0 0 22px}
.lore-body p.lore-emph{font-size:19px;font-weight:700;color:#eee;letter-spacing:.01em}

/* Marqueurs de période */
.lore-period{display:flex;align-items:baseline;gap:18px;margin:70px 0 30px;padding-top:34px;border-top:1px solid var(--line)}
.lore-period .yr{font-size:clamp(38px,6vw,58px);font-weight:900;color:transparent;-webkit-text-stroke:1.5px rgba(198,166,255,.4);letter-spacing:.03em;line-height:1;white-space:nowrap}
.lore-period h2{margin:0;font-size:clamp(19px,2.6vw,25px);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff}

/* --- Documents d'archive --- */
.lore-doc{position:relative;margin:34px 0;padding:20px 22px 16px;background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.lore-doc::before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px)}
.doc-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed rgba(255,255,255,.14)}
.lore-doc .doc-line{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:14px;line-height:1.8;color:#bfc3cc;margin:0 0 8px}
.lore-med .doc-head{color:#d8b9ff}
.lore-radio{margin:34px 0;padding:18px 22px 14px;background:#0a0c10;border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:10px}
.lore-radio .radio-head{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--purple2);margin-bottom:10px}
.lore-radio .doc-line{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:14px;line-height:1.8;color:#b9bec9;margin:0}

/* Classifié / non confirmé */
.lore-classified{border-style:dashed;border-color:rgba(255,255,255,.18)}
.lore-classified .doc-line{color:#a9adb8}
.stamp{display:inline-block;padding:5px 10px;border:1.5px solid rgba(200,80,80,.65);border-radius:6px;color:#e08f8f;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;transform:rotate(-2deg);background:rgba(140,30,30,.08)}
.censor{display:inline-block;height:.85em;width:64px;background:#0d0e12;border-radius:3px;vertical-align:middle;margin-left:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}

/* --- Finale --- */
.lore-finale{position:relative;padding:120px clamp(20px,6vw,80px);text-align:center;overflow:hidden;border-top:1px solid var(--line);background:url('/noxismc-background.png') center 70%/cover no-repeat}
.lore-finale-ov{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(6,7,10,.72) 30%,rgba(6,7,10,.85) 100%)}
.lore-finale-c{position:relative;z-index:2}
.yr-big{font-size:clamp(72px,14vw,150px);font-weight:900;line-height:1;color:#fff;letter-spacing:.04em;text-shadow:0 6px 60px rgba(0,0,0,.8)}
.finale-sub{font-size:clamp(17px,2.6vw,23px);color:#d7dae2;margin:26px 0 10px;font-weight:600;letter-spacing:.04em}
.finale-rule{font-size:clamp(14px,2vw,18px);color:#b9bec9;line-height:1.8;margin:18px 0 0;letter-spacing:.03em}
.finale-rule strong{color:#fff;letter-spacing:.12em;text-transform:uppercase}

/* --- Responsive --- */
@media(max-width:760px){
  .site-nav{gap:16px;font-size:13px}
  .lore-hero{min-height:64vh;padding-bottom:60px}
  .lore-body p{font-size:15.5px;line-height:1.85}
  .lore-period{margin:54px 0 24px;gap:12px}
  .lore-doc{padding:16px 16px 12px}
}