.lore-record-page{--accent:#d7a84f;color:#edf3ff;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 0 28%), radial-gradient(circle at 82% 22%, #94a8e41f, transparent 0 26%), linear-gradient(180deg, #060914 0%, #090e19 52%, #04070d 100%);min-height:100svh;padding:7rem 1rem 4rem;position:relative;overflow:hidden}.lore-record-page>*{z-index:1;position:relative}.lore-record-bg{z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}.lore-record-hero,.lore-record-body,.lore-related{border:1px solid color-mix(in srgb, var(--accent) 28%, #94a8e41f);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 0 44%), linear-gradient(180deg, #0b101ce0, #070a12f0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;width:min(1020px,100%);margin:0 auto 1rem;box-shadow:0 20px 52px #03060e57}.lore-record-hero{text-align:center;justify-items:center;padding:1.6rem 1.25rem;display:grid}.lore-record-sigil{border:1px solid color-mix(in srgb, var(--accent) 36%, #ffffff1f);background:color-mix(in srgb, var(--accent) 12%, #080c16eb);width:5.2rem;height:5.2rem;color:color-mix(in srgb, var(--accent) 78%, #fff);box-shadow:inset 0 0 22px #ffffff0a, 0 0 32px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:26px;place-items:center;margin-bottom:.85rem;font-family:Cinzel,Georgia,serif;font-size:2.2rem;display:grid}.lore-record-kicker{color:color-mix(in srgb, var(--accent) 70%, #fff);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem}.lore-record-hero h1{color:#fff8ee;letter-spacing:.08em;text-transform:uppercase;text-wrap:balance;margin:.7rem 0;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.05}.lore-record-hero p:not(.lore-record-kicker),.lore-record-body p,.lore-related-card p{color:#e2eafed6;line-height:1.72}.lore-record-hero p:not(.lore-record-kicker){max-width:46rem;margin:0}.lore-record-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.1rem;display:flex}.lore-record-link{border:1px solid color-mix(in srgb, var(--accent) 34%, #ffffff1f);background:color-mix(in srgb, var(--accent) 10%, #0a0e18eb);color:#f8f4ea;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:.72rem 1rem;font-size:.72rem;text-decoration:none;display:inline-flex}.lore-record-link.muted{color:#e2eafedb}.lore-record-body{padding:1.25rem 1.35rem}.lore-record-body p{margin:0;font-size:clamp(1rem,1.4vw,1.1rem)}.lore-record-body p+p{margin-top:1rem}.lore-related{padding:1.2rem}.lore-related-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.lore-related-heading h2{color:#fff8ee;margin:.35rem 0 0}.lore-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.lore-related-card{border:1px solid color-mix(in srgb, var(--accent) 24%, #94a8e41f);background:color-mix(in srgb, var(--accent) 8%, #0a0e18e6);border-radius:18px;gap:.45rem;min-height:100%;padding:1rem;text-decoration:none;display:grid}.lore-related-card span{color:color-mix(in srgb, var(--accent) 78%, #fff);font-size:1.6rem}.lore-related-card h3{color:#fff8ee;letter-spacing:.06em;text-transform:uppercase;margin:0}.lore-related-card p{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.68rem}@media (max-width:760px){.lore-record-page{padding:6rem .85rem 3rem}.lore-record-hero,.lore-record-body,.lore-related{border-radius:18px}.lore-record-hero{padding:1.15rem .95rem}.lore-record-sigil{border-radius:20px;width:4.2rem;height:4.2rem;font-size:1.75rem}.lore-record-actions,.lore-related-heading{flex-direction:column;align-items:stretch}.lore-record-link,.lore-related-card{width:100%}.lore-related-grid{grid-template-columns:1fr}}