/* GRAVEYARD · TREND RADAR · TIMELINE — shared content styles */

/* ---------- GRAVEYARD ---------- */
.gy-scene{position:relative;background:linear-gradient(180deg,#0a0e1a 0%,#0c1120 55%,#0a0d16 100%);overflow:hidden}
.gy-fog{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 60% at 50% 100%,rgba(141,242,80,.06),transparent 70%),radial-gradient(80% 50% at 20% 90%,rgba(177,77,255,.05),transparent 70%)}
.gy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.4rem;max-width:1120px;margin:0 auto;padding:1rem clamp(1.2rem,5vw,3rem) 4rem;position:relative;z-index:1}
.grave{position:relative;background:linear-gradient(180deg,#20283a,#161c2b);border:1px solid rgba(238,243,233,.12);border-radius:80px 80px 14px 14px;padding:2.2rem 1.3rem 1.4rem;text-align:center;box-shadow:0 20px 44px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.05);transition:transform .4s var(--ease-heavy),box-shadow .4s}
.grave::before{content:"";position:absolute;bottom:-8px;left:8%;right:8%;height:14px;background:rgba(0,0,0,.4);border-radius:50%;filter:blur(4px)}
.grave:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 30px 60px rgba(0,0,0,.7)}
.grave .rip{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.4em;color:var(--ink-dim);margin-bottom:.6rem}
.grave .gname{font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase;line-height:1;color:var(--ink);margin-bottom:.4rem}
.grave .gdates{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;color:var(--gold);margin-bottom:.8rem}
.grave .gcause{font-size:.82rem;color:var(--ink-dim);line-height:1.5}
.grave .gepi{font-size:.78rem;color:var(--ink);font-style:italic;margin-top:.7rem;border-top:1px solid rgba(238,243,233,.1);padding-top:.7rem}
.grave.crypt{background:linear-gradient(180deg,#2a1c3a,#1a1226);border-color:rgba(177,77,255,.4);border-radius:14px}
.grave.crypt .gname{color:var(--plasma)}

/* ---------- TREND RADAR ---------- */
.radar-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:1160px;margin:0 auto;padding:1rem clamp(1.2rem,5vw,3rem) 3rem}
.radar-col{background:var(--jar);border:1px solid rgba(238,243,233,.12);border-radius:18px;padding:1.2rem;border-top:3px solid var(--col-accent,var(--ink-dim))}
.radar-col.rising{--col-accent:#8DF250}
.radar-col.peaking{--col-accent:#FF5C1A}
.radar-col.cooling{--col-accent:#39E6FF}
.radar-col.fossil{--col-accent:#8A93A6}
.radar-col h3{font-family:var(--font-display);font-size:1.3rem;text-transform:uppercase;color:var(--col-accent);margin-bottom:.3rem}
.radar-col .sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1rem}
.radar-chip{display:flex;justify-content:space-between;align-items:center;gap:.6rem;background:rgba(238,243,233,.04);border:1px solid rgba(238,243,233,.1);border-radius:10px;padding:.6rem .8rem;margin-bottom:.5rem;text-decoration:none;color:var(--ink);transition:all .2s}
.radar-chip:hover{border-color:var(--col-accent);transform:translateX(3px);color:var(--ink)}
.radar-chip .rname{font-weight:700;font-size:.92rem}
.radar-chip .rtrend{font-family:var(--font-mono);font-size:.7rem;color:var(--col-accent)}
.radar-asof{text-align:center;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:1.4rem}
.radar-curve{max-width:760px;margin:0 auto 1rem;padding:0 clamp(1.2rem,5vw,3rem)}
.radar-curve svg{width:100%;height:auto}

/* ---------- TIMELINE ---------- */
.tl-line{max-width:820px;margin:0 auto;padding:1rem clamp(1.2rem,5vw,3rem) 4rem;position:relative}
.tl-line::before{content:"";position:absolute;left:calc(clamp(1.2rem,5vw,3rem) + 8px);top:2rem;bottom:4rem;width:2px;background:linear-gradient(180deg,var(--lime),var(--plasma))}
.tl-item{position:relative;padding-left:2.6rem;margin-bottom:2rem}
.tl-item::before{content:"";position:absolute;left:0;top:.35rem;width:18px;height:18px;border-radius:50%;background:var(--void);border:3px solid var(--lime);box-shadow:0 0 14px rgba(141,242,80,.5)}
.tl-item.big::before{border-color:var(--orange);box-shadow:0 0 16px rgba(255,92,26,.6)}
.tl-date{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.3rem}
.tl-item h3{font-family:var(--font-body);font-weight:700;font-size:1.12rem;margin-bottom:.3rem}
.tl-item p{font-size:.9rem;color:var(--ink-dim);max-width:60ch}
.tl-item a{color:var(--cyan)}