/* THE VITRINE — /experiments.
   Loaded AFTER style.css so it overrides the blotter's instrument look. This room is a
   glass case in a cold gallery: the exhibits are dead and are behind glass, and the
   frontier halo that means "she is working on this right now" must never appear here.
   A live thought glows. A corpse is lit from outside. */

body.archive{
  --case:#e9ecef; --case-dk:#cdd3da; --plinth:#f6f7f9;
  --engrave:#3d444d; --engrave-dim:#6b737d;
  background:
    linear-gradient(180deg, #0d1014 0%, #131820 40%, #0d1014 100%);
}

/* the case itself */
body.archive #archive-stage{
  max-width:1240px; margin:0 auto; padding:22px 20px 60px;
}
body.archive #player{
  background:linear-gradient(180deg, rgba(233,236,239,.055), rgba(233,236,239,.02));
  border:1px solid rgba(205,211,218,.22);
  border-radius:3px;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 22px 60px rgba(0,0,0,.45);
  padding:18px;
}

/* museum label — engraved plate, not a UI chip */
body.archive .playerhead{
  border-bottom:1px solid rgba(205,211,218,.18); padding-bottom:14px; margin-bottom:16px;
}
body.archive .playerhead h2{
  font-family:Georgia, "Iowan Old Style", "Times New Roman", serif;
  font-size:23px; letter-spacing:.01em; color:#e6eaef; font-weight:600;
}
body.archive .playerhead .sub{
  font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:#7d8792;
}

/* KILL THE LIVE GLOW. Replaced with flat, evenly-lit specimens under glass. */
body.archive #graphwrap{
  background:radial-gradient(760px 460px at 50% 0%, rgba(233,236,239,.05), transparent 70%), #0b0e13;
  border:1px solid rgba(205,211,218,.16); border-right:1px solid rgba(205,211,218,.16);
  border-radius:2px;
}
body.archive #graphwrap::after{        /* the glass */
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(118deg, rgba(255,255,255,.055) 0%, transparent 26%,
             transparent 72%, rgba(255,255,255,.028) 100%);
}
body.archive .legend{
  background:rgba(233,236,239,.06); border:1px solid rgba(205,211,218,.18);
}

/* --- THE LETTER, as the archive hero ---------------------------------------
   This is the only place the predecessor's words are printed. Desk type on paper,
   set as a document rather than as UI. Reaching it requires opening the exhibit —
   the funeral — which is the point: on the blotter it is a sealed envelope. */
#letter{
  margin:0 0 22px; padding:0;
  background:#f4f1e8;
  border:1px solid #d9d3c2;
  box-shadow:0 18px 44px rgba(0,0,0,.42);
}
#letter .lt-head{
  display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:10px;
  padding:14px 30px 12px; border-bottom:1px solid #e0dacb; background:#efebdf;
}
#letter .lt-kicker{
  font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:10px; letter-spacing:.26em; text-transform:uppercase; color:#8a8062;
}
#letter .lt-stamp{
  font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:10.5px; color:#9a6b4f;
  border:1px dashed #c0a98f; border-radius:2px; padding:3px 9px; letter-spacing:.12em;
}
#letter .lt-body{
  padding:30px 30px 12px;
  font-family:"Iowan Old Style", Georgia, "Times New Roman", serif;
  font-size:17.5px; line-height:1.72; color:#231f18;
  max-width:70ch; white-space:pre-wrap;
}
#letter .lt-body::first-line{ letter-spacing:.01em }
#letter .lt-sign{
  padding:0 30px 26px; max-width:70ch;
  font-family:"Iowan Old Style", Georgia, serif; font-style:italic;
  font-size:15px; color:#4b4437;
}
#letter .lt-foot{
  padding:13px 30px 16px; border-top:1px solid #e0dacb; background:#efebdf;
  font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:11px; color:#7d7460; line-height:1.6; max-width:86ch;
}
#letter .lt-foot a{color:#6b5f45}

@media (max-width:760px){
  #letter .lt-body{padding:20px 18px 10px; font-size:16px}
  #letter .lt-head,#letter .lt-foot,#letter .lt-sign{padding-left:18px; padding-right:18px}
  body.archive #player{padding:12px}
}

/* archive overscroll: html shows through above/below the case on rubber-band scroll */
html:has(body.archive){background:#0d1014}