/* V3 sanctuary · the living archive. Story, dossier, cinema and battle journal. */
.at-prototype.sanctuary #sanctuary-drawer[data-category="onepager"] {
  inset: 0; max-width: none; padding: 0 clamp(16px, 3vw, 80px); border: 0; box-shadow: none;
  isolation: isolate; background: #071321; --chronicle-gold: #e3c894; --chronicle-cyan: #a2d8e0;
  --chronicle-line: #abc7d42b; font-family: Montserrat, 'Segoe UI', sans-serif;
}
.sanctuary #sanctuary-drawer[data-category="onepager"]::before,
.sanctuary #sanctuary-drawer[data-category="onepager"]::after { display: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .sanctuary-modal-top { min-height: clamp(64px, 7dvh, 92px); border-bottom-color: var(--chronicle-line); }
.sanctuary #sanctuary-drawer[data-category="onepager"] :is(#codex-tabs, .at-section-heading) { display: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content { padding: 0 0 40px; scrollbar-width: none; scrollbar-gutter: auto; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content::-webkit-scrollbar { display: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content [hidden] { display: none !important; }
.chronicle-scene { display: none; position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
[data-category="onepager"] > .chronicle-scene { display: block; }
.sanctuary .chronicle-scene > img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 30%; opacity: .25; animation: chronicle-landscape 30s ease-in-out infinite alternate !important; }
.chronicle-scene-veil { position: absolute; inset: 0; background: linear-gradient(90deg, #051221eb, #0a1a2bc4 70%, #071323aa), linear-gradient(0deg, #05101f, transparent); }
.sanctuary .chronicle-scene-glow { position: absolute; inset: -20%; background: radial-gradient(ellipse at 70% 15%, #d8c29314, transparent 55%); animation: chronicle-glow 16s ease-in-out infinite alternate !important; }
.chronicle-scene-stars { position: absolute; inset: 0; }
.sanctuary .chronicle-scene-stars i { position: absolute; bottom: -3%; left: 16%; width: 2px; height: 2px; border-radius: 50%; opacity: 0; background: #f1dfb5; box-shadow: 0 0 12px #e6cb9a; animation: chronicle-sparks 20s linear infinite !important; }
.sanctuary .chronicle-scene-stars i:nth-child(2) { left: 38%; animation-delay: -5s !important; }
.sanctuary .chronicle-scene-stars i:nth-child(3) { left: 62%; animation-delay: -14s !important; }
.sanctuary .chronicle-scene-stars i:nth-child(4) { left: 90%; animation-delay: -9s !important; }
#chronicle-chrome { display: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #chronicle-chrome { display: flex; justify-content: space-between; align-items: center; gap: 32px; width: 100%; max-width: 2560px; margin: 0 auto clamp(24px, 2.5vw, 56px); padding: 24px 0 0; border-bottom: 1px solid var(--chronicle-line); }
.chronicle-archive-mark { display: grid; gap: 4px; padding-bottom: 22px; min-width: 0; }
.chronicle-archive-mark span { color: #99b3c5; font: 500 var(--san-label)/1.5 Montserrat, sans-serif; letter-spacing: .13em; }
.chronicle-archive-mark strong { color: #eadbb9; font: clamp(24px, 1.8vw, 42px)/1.3 var(--at-serif); overflow-wrap: anywhere; }
.chronicle-nav { display: flex; align-self: stretch; gap: clamp(16px, 2vw, 52px); }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-nav button { position: relative; display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 12px 8px 22px; border: 0; border-bottom: 2px solid transparent; background: none; color: #adc3d2; font: 500 var(--san-control)/1.4 Montserrat, sans-serif; cursor: pointer; }
.chronicle-nav svg { flex: 0 0 32px; width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linejoin: round; stroke-linecap: round; }
.chronicle-nav small { position: absolute; top: 6px; right: 2px; font-size: 9px; letter-spacing: .1em; opacity: .4; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-nav button[aria-selected="true"] { border-bottom-color: #eed8a6; color: #f5e3bc; background: linear-gradient(0deg, #d7bd7d13, transparent 70%); }
.chronicle-nav button[aria-selected="true"]::after { content: ''; position: absolute; bottom: -5px; left: calc(50% - 4px); width: 8px; height: 8px; transform: rotate(45deg); background: #f1dba8; box-shadow: 0 0 18px #eed49b77; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-nav button:hover { color: #fff0cd; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content :is(button, a, summary, select, input):focus-visible { outline: 2px solid #eed6a2; outline-offset: 4px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] :is(#codex-tab-onepager, #codex-tab-videos, #codex-tab-history) { width: 100%; max-width: 2560px; padding: 0; margin: 0 auto; background: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] :is(#codex-onepager-wrap, #codex-onepager-card) { display: block; width: 100%; max-width: none; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; overflow: visible; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content :is(p, button, input, select, label, dt, dd, td, th, figcaption, summary) { font-family: Montserrat, sans-serif; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-kicker { display: block; color: var(--chronicle-cyan); font: 600 var(--san-label)/1.5 Montserrat, sans-serif; letter-spacing: .13em; }

.chronicle-cover { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 4vw, 100px); align-items: center; min-height: clamp(420px, 48dvh, 800px); padding: 18px 0 44px; isolation: isolate; }
.chronicle-cover-copy { position: relative; z-index: 2; min-width: 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-cover h2 { margin: 18px 0; color: #f3e6cb; font: clamp(44px, 4.7vw, 112px)/1.04 var(--at-serif); overflow-wrap: anywhere; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-subtitle { max-width: 800px; margin: 18px 0 24px; color: #d8d8cc; font: clamp(20px, 1.7vw, 38px)/1.5 var(--at-serif); }
.chronicle-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; color: #b1d3df; font: 500 var(--san-control)/1.5 Montserrat, sans-serif; }
.chronicle-tags i { color: #ddc48e; font-size: 7px; font-style: normal; }
.chronicle-cover-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: clamp(26px, 3vw, 64px); }
.sanctuary #sanctuary-drawer[data-category="onepager"] :is(.chronicle-cover-actions, .chronicle-next) button { min-height: 52px; padding: 14px 24px; border: 1px solid #ddc99766; background: #b4aa7512; color: #e9dcb9; font: 500 var(--san-control)/1.5 Montserrat, sans-serif; cursor: pointer; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-cover-actions .chronicle-primary { border-color: #f0deb8; background: linear-gradient(100deg, #e9d5a4, #c5a76b); color: #112437; }
.chronicle-cover-art { position: relative; aspect-ratio: 1.3; min-width: 0; margin: 0; border: 1px solid #c6bb9566; padding: 8px; background: #142b3a66; box-shadow: 0 20px 60px #0004; }
.chronicle-cover-art::before { content: ''; position: absolute; inset: 3px; border: 1px solid #a9c6cd24; pointer-events: none; }
.chronicle-cover-art::after { content: ''; position: absolute; inset: 8px; background: linear-gradient(0deg, #061422eb, transparent 42%); pointer-events: none; }
.chronicle-cover-art > img { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); object-fit: cover; object-position: 65% center; }
.chronicle-cover-art figcaption { position: absolute; z-index: 1; left: 34px; right: 24px; bottom: 28px; display: grid; gap: 8px; }
.chronicle-cover-art figcaption span { color: #acc7d5; font-size: var(--san-label); letter-spacing: .12em; }
.chronicle-cover-art figcaption strong { font: clamp(22px, 1.8vw, 40px)/1.3 var(--at-serif); color: #f1dfb5; }
.chronicle-cover-number { position: absolute; top: 2%; left: 25%; z-index: -1; color: #b6cbbf07; font: clamp(160px, 22vw, 500px)/1 var(--at-serif); pointer-events: none; }
.chronicle-story { --chronicle-prose: clamp(17px, 1.05vw, 25px); }
.chronicle-story[data-text-size="compact"] { --chronicle-prose: clamp(16px, .9vw, 21px); }
.chronicle-story[data-text-size="large"] { --chronicle-prose: clamp(20px, 1.3vw, 30px); }
.chronicle-reading-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 22px 0; border-block: 1px solid var(--chronicle-line); }
.chronicle-reading-tools > .chronicle-kicker { margin-right: auto; }
.chronicle-text-controls { display: flex; gap: 4px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-reading-tools button { min-width: 44px; min-height: 44px; padding: 10px 14px; border: 1px solid #9cb9cc36; background: #102c3e88; color: #bacfdd; font: 500 var(--san-control)/1.4 Montserrat, sans-serif; cursor: pointer; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-reading-tools button[aria-pressed="true"] { border-color: #e1ca91; background: #b6a7711a; color: #f2e1b8; }
.chronicle-manuscript { max-width: 1500px; margin: 0 auto; padding: clamp(24px, 3.5vw, 80px) 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-onepager-card .chronicle-manuscript .at-story { padding: clamp(24px, 3.5vw, 80px); border: 1px solid #b9c1b431; border-top: 2px solid #d5c39588; border-radius: 0; background: linear-gradient(135deg, #173246b3, #081a2be8); box-shadow: 0 24px 60px #0002; scroll-margin-top: 24px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-onepager-card .chronicle-manuscript .gc-bio { display: block; max-height: none; margin: 0; padding: 0; text-align: left; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-onepager-card .chronicle-manuscript .gc-bio-text { display: block; max-width: 76ch; margin: 20px auto 0; color: #d3e0e7; font: 400 var(--chronicle-prose)/1.95 Montserrat, sans-serif; white-space: pre-line; text-align: left; -webkit-line-clamp: unset; overflow: visible; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-manuscript .gc-bio:has(.at-story-more[open]) > .at-story-excerpt { display: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-manuscript :is(.gc-hero-title, .gc-bio-text)::first-letter { color: #e7d3a5; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-manuscript .gc-hero-title { display: none; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-manuscript .at-story-more { margin-top: 18px; border-top: 1px solid var(--chronicle-line); padding-top: 18px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-manuscript .at-story-more > summary { color: #dfcca1; padding: 10px 0; min-height: 44px; font-size: var(--san-control); cursor: pointer; }
.chronicle-story.is-reading .chronicle-cover { grid-template-columns: 1fr; min-height: 0; padding-bottom: 36px; }
.chronicle-story.is-reading :is(.chronicle-cover-art, .chronicle-cover-number) { display: none; }
.chronicle-story.is-reading :is(.chronicle-cover-copy, .chronicle-reading-tools, .chronicle-manuscript) { width: 100%; max-width: 1100px; margin-inline: auto; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-story.is-reading .chronicle-cover h2 { font-size: clamp(36px, 3vw, 64px); }
.chronicle-next { display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: clamp(24px, 2.5vw, 56px); border-block: 1px solid var(--chronicle-line); background: linear-gradient(90deg, #80978116, transparent); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-next h3 { margin: 12px 0 0; color: #e9dbba; font: var(--san-heading)/1.4 var(--at-serif); }
.chronicle-next button { flex-shrink: 0; }

/* The complete live dossier remains available without cluttering the story. */
.chronicle-dossier-heading { margin-bottom: 30px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content :is(.chronicle-dossier-heading, .chronicle-cinema-heading) h2 { margin: 12px 0; color: #eedebd; font: clamp(32px, 2.8vw, 64px)/1.2 var(--at-serif); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content :is(.chronicle-dossier-heading, .chronicle-cinema-heading) p { margin: 12px 0 0; color: #b7cedd; font-size: var(--san-body); }
.chronicle-dossier-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: clamp(20px, 2vw, 48px); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-onepager-card .chronicle-dossier-grid > .at-panel { min-width: 0; margin: 0; padding: clamp(22px, 2vw, 44px); border: 1px solid var(--chronicle-line); border-radius: 0; background: linear-gradient(125deg, #173447b3, #081a2bde); }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid > :is(.at-stat-panel, .at-profile-gallery, .at-progress-card) { grid-column: 1/-1; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .gc-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 16px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .gc-stat { display: flex; flex-direction: row; align-items: center; gap: 16px; min-width: 0; min-height: 118px; height: auto; border: 1px solid #a0bdce30; border-radius: 0; background: #0b2135; padding: 22px 20px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .gc-stat > img { flex: 0 0 44px; width: 44px; height: 44px; object-fit: contain; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .gc-stat-text { display: grid; gap: 8px; min-width: 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-dossier-grid .gc-stat-label { min-height: 0; font: 500 var(--san-control)/1.5 Montserrat, sans-serif; color: #bdd1df; white-space: normal; overflow: visible; overflow-wrap: anywhere; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-dossier-grid .gc-stat-value { font: 600 clamp(26px, 2vw, 42px)/1.2 Montserrat, sans-serif; color: #f0e3c6; white-space: normal; overflow-wrap: anywhere; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .at-stat-meter { height: 3px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .at-stat-meter i { background: var(--chronicle-stat-accent, #d7c18d); }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .at-progress-card { min-height: 120px; padding: 24px; border: 1px solid #c9bd8a55; border-radius: 0; background: linear-gradient(100deg, #34607555, #0b1d30); }
.sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid :is(.gc-ability, .gc-passive-box) { border-color: var(--chronicle-line); background: #0b223399; }

.chronicle-cinema-heading { margin-bottom: 36px; }
.chronicle-cinema-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, .75fr); gap: clamp(24px, 2vw, 48px); align-items: start; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-videos .codex-video-card { width: 100%; max-width: none; padding: 0; margin: 0; border: 1px solid #c4c1a65c; border-radius: 0; background: #061322; box-shadow: 0 24px 60px #0004; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .codex-video-header { padding: 24px; border-bottom-color: var(--chronicle-line); }
.sanctuary #sanctuary-drawer[data-category="onepager"] .codex-video-portrait { width: 62px; height: 72px; border-radius: 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-videos .codex-video-player { position: relative; width: 100%; aspect-ratio: 16/9; padding: 0; background: #020913; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-videos .codex-video-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] .codex-video-footer { padding: 18px 24px; color: #adc6d8; font-size: var(--san-control); }
.chronicle-cinema-notes { min-width: 0; border: 1px solid var(--chronicle-line); background: #112c3dcc; }
.chronicle-cinema-notes > img { display: block; width: 100%; aspect-ratio: 1.5; object-fit: cover; }
.chronicle-cinema-notes > div { padding: clamp(24px, 2vw, 42px); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-cinema-notes h3 { margin: 16px 0; font: var(--san-heading)/1.3 var(--at-serif); color: #efddb8; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #at-content .chronicle-cinema-notes p { color: #c0d2df; font-size: var(--san-body); margin-bottom: 28px; }
.chronicle-cinema-notes button { display: flex; justify-content: space-between; gap: 14px; width: 100%; min-height: 48px; padding: 14px 0; border: 0; border-top: 1px solid var(--chronicle-line); background: none; color: #e1cfaa; font-size: var(--san-control); text-align: left; cursor: pointer; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-videos .at-empty { max-width: 1300px; margin: 0 auto; padding: clamp(36px, 5vw, 100px); border: 1px solid #a2bfd432; border-radius: 0; background: radial-gradient(ellipse at top, #35576a44, transparent), #0b2132aa; }

/* Account history remains live. Its original controls and detail nodes are retained. */
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-history { --ch-gold: #e3c894; --ch-green: #91d9c4; --ch-red: #e7a0a9; --ch-blue: #94c9ee; font: var(--san-body)/1.6 Montserrat, sans-serif; color: #d6e5ef; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history :is(.ch-panel, .ch-match, .ch-kpi) { border-radius: 0; border: 1px solid #a9c4d331; box-shadow: none; background: linear-gradient(135deg, #17364acc, #0a1d30e6); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-panel { padding: clamp(22px, 2vw, 44px); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history :is(h3, h4) { font-family: var(--at-serif); color: #eadbbd; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history h3 { font-size: var(--san-heading); line-height: 1.4; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history :is(p, label, .ch-result b, .ch-kda b) { font-size: var(--san-body); line-height: 1.7; color: #c2d8e6; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history :is(button, select, a, small, .ch-cloud, .ch-legend, time) { font-family: Montserrat, sans-serif; font-size: var(--san-label); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history :is(button, select) { min-height: 44px; padding: 10px 14px; border: 1px solid #a0c3d344; border-radius: 0; background: #0b263a; color: #d1e2ec; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-performance { position: relative; overflow: hidden; background: radial-gradient(ellipse at top left, #7ea1971c, transparent 65%), #0d2538cc; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-performance > header { padding-bottom: 28px; border-bottom: 1px solid var(--chronicle-line); margin-bottom: 28px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-performance blockquote { margin: 18px 0 0; color: #9fb7ca; font: italic var(--san-control)/1.6 var(--at-serif); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi { display: flex; align-items: center; gap: 20px; min-width: 0; padding: clamp(20px, 1.8vw, 40px); border-top: 2px solid #9cc6cd88; background: #092135cc; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi > div { min-width: 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi svg { width: 36px; height: 36px; color: #dfcd9d; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi h4 { font: 600 var(--san-label)/1.5 Montserrat, sans-serif; color: #aac5d6; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi b { display: block; margin: 10px 0; font: 500 clamp(28px, 2.6vw, 58px)/1.2 Montserrat, sans-serif; color: #ecdfbf; white-space: normal; overflow-wrap: anywhere; }
.chronicle-history-switch { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 32px 0 24px; padding-bottom: 18px; border-bottom: 1px solid var(--chronicle-line); }
.chronicle-history-switch > div { display: flex; gap: 8px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history [data-chronicle-history-view][aria-pressed="true"] { border-color: #d7c08d; color: #f2dfb6; background: #c9b07a20; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-layout { display: block; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-battles { width: 100%; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; width: 100%; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history :is(.ch-trends, .ch-lineups) { grid-column: 1/-1; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-chart-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .25fr); gap: 28px; align-items: center; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history svg.ch-chart { width: 100%; height: auto; max-height: 420px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-chart-summary strong { font-size: clamp(30px, 3vw, 64px); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match { margin-block: 14px; border-left: 3px solid #8fc8b7; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match.is-loss { border-left-color: #d797a7; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match.is-win .ch-result b { color: var(--ch-green); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match.is-loss .ch-result b { color: var(--ch-red); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match > summary { min-height: 110px; padding: 20px; gap: 20px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match[open] { border-color: #e2c78f77; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-avatar { width: 46px; height: 46px; border-radius: 50%; border-color: #a8c5d455; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match-detail { grid-template-columns: minmax(220px, .4fr) minmax(0, 1fr); border-top: 1px solid var(--chronicle-line); background: #071a2c88; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-detail-body { padding: 28px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-detail-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: 18px; margin-block: 24px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-detail-metrics > div { border: 1px solid var(--chronicle-line); border-radius: 0; padding: 18px; background: #18384b66; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-detail-metrics b { font: 500 clamp(22px, 1.8vw, 40px)/1.3 Montserrat, sans-serif; color: #e7d7b2; white-space: normal; overflow-wrap: anywhere; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-detail-metrics span { font-size: var(--san-label); line-height: 1.6; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-equipment img { width: 48px; height: 48px; border: 1px solid #d7c08d66; border-radius: 0; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-empty { padding: clamp(36px, 4vw, 90px) 24px; border: 1px solid #a4c1d32b; background: radial-gradient(ellipse at center, #3854702b, transparent); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-empty > svg { width: 64px; height: 64px; color: #d6c597; margin-bottom: 20px; }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-footer { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 28px; padding: 24px 0; border-top: 1px solid var(--chronicle-line); }
.sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-pagination button { min-width: 48px; }

@keyframes chronicle-landscape { to { transform: scale(1.06) translateX(-1%); } }
@keyframes chronicle-glow { to { transform: translate(-5%, 5%); opacity: .6; } }
@keyframes chronicle-sparks { 0% { transform: translateY(0); opacity: 0; } 20%, 75% { opacity: .45; } 100% { transform: translateY(-90dvh) translateX(25px); opacity: 0; } }
.sanctuary.sanctuary-motion-paused :is(.chronicle-scene > img, .chronicle-scene-glow, .chronicle-scene-stars i) { animation: none !important; }
@media (max-width: 1200px) {
  .chronicle-archive-mark { display: none; }
  .chronicle-nav { width: 100%; justify-content: space-between; }
  .chronicle-cover { gap: 36px; min-height: 400px; }
  .chronicle-cinema-layout { grid-template-columns: 1fr; }
  .chronicle-cinema-notes { display: grid; grid-template-columns: minmax(200px, .5fr) minmax(0, 1fr); }
  .chronicle-cinema-notes > img { height: 100%; aspect-ratio: auto; }
}
@media (max-width: 850px) {
  .chronicle-cover { grid-template-columns: 1fr; gap: 36px; padding-top: 0; }
  .chronicle-cover-art { max-width: 700px; width: 100%; aspect-ratio: 1.7; }
  .chronicle-next { flex-direction: column; align-items: flex-start; }
  .chronicle-dossier-grid { grid-template-columns: 1fr; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-sidebar { grid-template-columns: 1fr; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match-detail { grid-template-columns: 1fr; }
  .chronicle-history-switch { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 600px) {
  .sanctuary #sanctuary-drawer[data-category="onepager"] #chronicle-chrome { padding-top: 8px; }
  .chronicle-nav { gap: 16px; overflow-x: auto; padding-bottom: 5px; scrollbar-width: none; }
  .chronicle-nav::-webkit-scrollbar { display: none; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-nav button { flex: 0 0 auto; min-height: 76px; padding: 14px 8px; flex-direction: column; gap: 8px; font-size: 12px; }
  .chronicle-nav svg { flex-basis: 24px; width: 24px; height: 24px; }
  .chronicle-cover-art::before { inset: -6px; }
  .chronicle-cover-art figcaption { left: 22px; bottom: 18px; }
  .chronicle-reading-tools { gap: 12px; }
  .chronicle-reading-tools > .chronicle-kicker { width: 100%; }
  .chronicle-cover-actions { flex-direction: column; align-items: stretch; }
  .chronicle-cinema-notes { display: block; }
  .chronicle-cinema-notes > img { aspect-ratio: 1.7; height: auto; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-onepager-card .chronicle-manuscript .at-story { padding: 22px 18px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] .chronicle-dossier-grid .gc-stat { padding: 14px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-panel { padding: 20px 14px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpis { gap: 10px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi { flex-direction: column; align-items: flex-start; padding: 18px 12px; gap: 12px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi b { font-size: 26px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-kpi h4 { font-size: 11px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-chart-row { grid-template-columns: 1fr; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-match > summary { padding: 16px 12px; gap: 12px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-avatar { width: 32px; height: 32px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-detail-body { padding: 20px 14px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-filters { flex-wrap: wrap; width: 100%; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-filters label { min-width: 0; flex: 1 1 150px; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #codex-tab-history .ch-filters select { width: 100%; max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .sanctuary :is(.chronicle-scene > img, .chronicle-scene-glow, .chronicle-scene-stars i) { animation: none !important; }
  .sanctuary #sanctuary-drawer[data-category="onepager"] #at-content * { transition: none !important; scroll-behavior: auto !important; }
}