/* These two spaces share typography and spacing; each keeps its own material language. */
.chronicles-page,.relief-page{--ink:#ece6db;--muted:#b5ada0;--line:rgba(185,164,126,.22);color:var(--ink);min-width:0;padding-top:28px;padding-bottom:40px}
.chronicles-page *,.relief-page *{box-sizing:border-box;min-width:0}
.chronicles-page h1,.relief-page h1{font-family:var(--font-title);font-weight:600;font-size:clamp(30px,4vw,52px);line-height:1.3;letter-spacing:.04em;overflow-wrap:anywhere;margin:12px 0 20px}
.chronicles-page h2,.relief-page h2{font-family:var(--font-title);font-weight:600;line-height:1.5;color:var(--ink)}
.chronicles-page p,.relief-page p{color:var(--muted);line-height:1.9;overflow-wrap:anywhere}
.chronicles-page small,.relief-page small{color:var(--muted);line-height:1.7}
.chronicle-index{display:block;font:11px/1.7 var(--font-index);letter-spacing:.1em;color:#b8a581;overflow-wrap:anywhere}
.chronicle-nav{display:flex;flex-wrap:wrap;gap:8px 22px;border-bottom:1px solid var(--line);padding:12px 0 20px;margin-bottom:26px}
.chronicle-nav a{min-height:36px;display:inline-flex;align-items:center;font-size:13px;color:#ccc2b1}
.chronicle-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;padding:36px 40px 44px;background:radial-gradient(ellipse at 85% 50%,#342d2055,transparent 60%),linear-gradient(120deg,#211f1b,#141616);border-bottom:1px solid #aa936d55;position:relative;isolation:isolate}
.chronicle-hero:after{content:'';position:absolute;bottom:-1px;left:0;width:38%;height:1px;background:linear-gradient(90deg,transparent,#d5bb83,transparent);animation:chronicle-flow 9s ease-in-out infinite;pointer-events:none}
.chronicle-hero p{font:clamp(16px,2vw,21px)/1.85 var(--font-title);color:#c8c1b4}
.chronicle-hero .chronicle-crest{width:200px;height:200px;object-fit:contain;justify-self:end;opacity:.8;filter:none}
.chronicle-hero-actions,.chronicle-categories,.chronicle-path-controls,.chronicle-editor-actions,.chronicle-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}
.chronicle-hero-actions{margin-top:28px}.chronicle-hero-actions svg{width:16px;height:16px;vertical-align:middle}
.chronicle-categories{gap:10px;padding:22px 0}.chronicle-categories a{border:1px solid var(--line);padding:10px 17px;font-size:14px;min-height:44px}
.chronicle-categories [aria-current]{background:#a88f6125;color:#e3d0a8;border-color:#a88f6170}
.chronicle-search{display:flex;gap:12px;max-width:680px;margin:20px 0 30px}.chronicle-search input{flex:1;margin:0!important}.chronicle-search button{flex-shrink:0}
.chronicle-contribution{font-size:13px;padding:14px 0;border-top:1px solid var(--line)}
.chronicle-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.chronicle-book{display:grid;grid-template-columns:34px minmax(0,1fr);background:linear-gradient(105deg,#29231c,#1c1d1c 70%);box-shadow:0 10px 28px #0002,inset 0 1px #ffffff06;border:1px solid #ac98762a;min-height:260px}
.chronicle-book-spine{writing-mode:vertical-rl;letter-spacing:.3em;color:#b8a17a;font:12px var(--font-title);padding:24px 8px;border-right:1px solid #b29a6d30;background:#13141255}
.chronicle-book>div:last-child{padding:28px}.chronicle-book h2{font-size:23px;margin:12px 0}.chronicle-book p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}.chronicle-book .text-link{display:inline-block;margin-top:20px}
.chronicle-empty{grid-column:1/-1;padding:48px clamp(24px,5vw,64px);border:1px dashed var(--line);background:linear-gradient(135deg,#23211b55,#141717)}
.chronicle-heading{padding:24px 0 30px}.chronicle-heading p{max-width:720px}.chronicle-heading .button{margin-top:14px}
.chronicle-chapter-link{display:block;padding:24px 28px;border-bottom:1px solid var(--line);transition:background 160ms;overflow-wrap:anywhere}.chronicle-chapter-link:hover{background:#c7ad7710}.chronicle-chapter-link h3{font:600 22px/1.5 var(--font-title);margin:10px 0;color:#eee4d2}.chronicle-chapter-link p{font-size:14px}.chronicle-tree>article{border-left:2px solid #a18c6355;margin:14px 0 22px;padding-left:16px}.chronicle-tree>article>.chronicle-index{padding:0 28px}
.chronicle-pagination{display:flex;gap:24px;justify-content:center;padding:28px 0;color:var(--muted)}
.chronicle-reader{max-width:840px;margin:0 auto;background:linear-gradient(100deg,#26231e70,#1d1f1db0);padding:clamp(24px,4vw,56px);box-shadow:0 18px 50px #0002;border-top:2px solid #8a765444}
.chronicle-reading-heading h1{font-size:clamp(28px,4vw,44px);margin-top:20px}.chronicle-reading-heading>a{color:#b9a37a;font-size:13px}.chronicle-reading-heading>.chronicle-index{margin-top:18px}
.chronicle-progress{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font:11px var(--font-index);color:var(--muted);margin:22px 0}.chronicle-progress progress{height:3px;flex:1;min-width:80px}
.chronicle-path{display:flex;flex-wrap:wrap;gap:8px 16px;padding:18px 0;border-block:1px solid var(--line);font-size:12px}.chronicle-path [aria-current]{color:#dfc59b}
.chronicle-prose{font:17px/2.05 var(--font-body);letter-spacing:0;overflow-wrap:anywhere}.chronicle-prose p{color:#ded8cc;margin:1.35em 0;white-space:pre-wrap;line-height:2.05}.chronicle-reader>.chronicle-prose{padding:22px 0 34px}
.chronicle-actions{display:flex;gap:10px;flex-wrap:wrap;border-block:1px solid var(--line);padding:18px 0}.chronicle-actions button,.chronicle-actions>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:#b59c6410;border:1px solid #b39c6e28;color:#cec5b5;font:13px var(--font-body);cursor:pointer}.chronicle-actions svg{width:17px;height:17px}.chronicle-actions [aria-pressed=true]{background:#b69c6628;color:#e5c287}.chronicle-actions [aria-pressed=true] svg{fill:#d6b67835}
.chronicle-path-controls{justify-content:space-between;padding:24px 0;font-size:14px}.chronicle-continue{padding:24px 0}.chronicle-continue .button{margin:10px 12px 0 0}.chronicle-continue h2{font-size:25px}.chronicle-owner-actions{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px;padding-top:22px;border-top:1px solid var(--line)}
#chronicle-children,#chronicle-comments{max-width:840px;margin:40px auto}#chronicle-comments form{padding:24px;background:#24221c65}.chronicle-comment{border-bottom:1px solid var(--line);padding:24px 0}.chronicle-comment small{margin-left:14px}.chronicle-comment p{white-space:pre-wrap;color:#d8d1c4;font-size:15px}.chronicle-comment .text-link{font-size:12px}
.chronicle-editor{max-width:900px;margin:0 auto;background:#24231e60;padding:clamp(20px,3vw,38px);border-top:2px solid #a88e5d55}.chronicle-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.chronicle-editor label,#chronicle-comments label,.chronicle-review label{display:flex;flex-direction:column;gap:10px;color:#cfc5b2;font-size:14px}.chronicle-editor>label{margin-top:24px}.chronicle-editor input,.chronicle-editor textarea,.chronicle-editor select{font-size:16px;margin:0!important;width:100%}.chronicle-editor textarea{min-height:420px;resize:vertical;line-height:1.9}.chronicle-editor .chronicle-check{flex-direction:row;align-items:center}.chronicle-check input{width:18px}.chronicle-editor-status{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 0;font-size:12px;color:#c0b7a5}.chronicle-editor-note{font-size:12px}.chronicle-editor-actions{padding-top:10px}.chronicle-review{padding:28px 0;border-bottom:1px solid var(--line)}.chronicle-review .chronicle-prose{max-height:420px;overflow:auto;padding:10px 24px;background:#ffffff04;margin:20px 0}.chronicle-report{padding:18px 0;border-bottom:1px solid var(--line)}
.chronicle-disclaimer{font-size:12px!important;color:#aaa394!important;border-top:1px solid var(--line);padding:26px 0 0;margin-top:36px;max-width:900px;line-height:1.9;overflow-wrap:anywhere}
.academy-feature-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.academy-feature-pair>a{padding:26px 30px;background:linear-gradient(115deg,#2e281e,#181b19);border-left:2px solid #a48c61;display:block;transition:translate 180ms}.academy-feature-pair>a:last-child{background:linear-gradient(115deg,#302126,#1d181c);border-color:#985c5d}.academy-feature-pair h2,.academy-feature-pair h3{font:600 23px/1.4 var(--font-title);color:#e1d6c2;margin:9px 0}.academy-feature-pair p{color:#bcb5a8;font-size:14px;margin:10px 0 16px}.academy-feature-pair strong{font:13px var(--font-body);color:#cab58d}.academy-feature-pair>a:hover{translate:0 -2px}
.relief-stage{width:100%;max-width:100%}
.relief-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:15px 0 30px}.relief-heading a{font-size:13px}.relief-heading .chronicle-index{margin-top:24px;color:#b98f82}.relief-heading p{margin-bottom:0}.relief-heading h1{font-size:clamp(30px,3.5vw,45px)}
.relief-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:28px}.relief-stage{min-height:520px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 25%,#66514b50,transparent 60%),linear-gradient(90deg,#18181c,#232129,#18181c);border:1px solid #b0876c38;box-shadow:inset 0 -30px 60px #0005,0 12px 32px #0003;display:flex;align-items:flex-end;justify-content:center;padding-bottom:60px;contain:layout paint}
.relief-stage:before{content:'';position:absolute;inset:40px 10% 80px;border:1px solid #a8866930;border-top:2px solid #b19e7b44;background:repeating-linear-gradient(90deg,transparent 0 70px,#ae936c0a 70px 71px);z-index:-1}.relief-lab-light{position:absolute;top:0;left:20%;width:60%;height:65%;background:linear-gradient(#dbc3a015,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);pointer-events:none}.relief-stage-label{position:absolute;left:24px;top:20px;color:#a28e80;font:11px var(--font-index);letter-spacing:.1em}
.relief-target{border:0!important;background:none!important;padding:0!important;width:min(82%,330px);height:auto;aspect-ratio:300/360;align-self:center;margin-top:50px;cursor:pointer;touch-action:manipulation;transform-origin:50% 75%;position:relative;z-index:2;box-shadow:none!important;-webkit-tap-highlight-color:transparent;user-select:none}.relief-target svg{width:100%;height:100%;display:block;filter:drop-shadow(0 12px 12px #0005)}.relief-figure{transform-origin:150px 310px}.relief-head{transform-origin:150px 165px}.relief-anger{opacity:0}.is-angry .relief-anger{opacity:1}.is-angry .relief-mouth{d:path('M128 141q27-9 46-4')}
.relief-combo{position:absolute;right:20px;top:36px;text-align:right;z-index:3;pointer-events:none}.relief-combo strong{font:54px/1 var(--font-index);color:#e1bd8a;display:block;font-variant-numeric:tabular-nums}.relief-combo>span{font-size:13px;color:#bda88f}.relief-combo small{display:block;font-size:11px}.relief-window{position:absolute;top:16px;right:20px;width:100px;height:2px;background:#876b5433}.relief-window i{display:block;background:#bca477;width:100%;height:100%;transform-origin:left;will-change:transform}
.relief-taunt{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;font:14px/1.6 var(--font-title)!important;color:#c7b9a5!important;min-height:24px;margin:0;pointer-events:none}.relief-impact-note{position:absolute;top:77%;left:15px;right:15px;text-align:center;color:#e3b69f;font-size:13px;z-index:4;pointer-events:none}.relief-gauges{position:absolute;left:24px;top:90px;display:grid;gap:14px}.relief-gauges i{width:18px;height:36px;border:1px solid #9b836e3d;background:linear-gradient(to top,#92694477 35%,transparent 35%)}.is-charging .relief-gauges i{background:linear-gradient(to top,#bf8f6977 80%,transparent 80%)}.is-charging .relief-target{filter:drop-shadow(0 0 12px #bc5b3d55)}.is-down .relief-lab-light{background:linear-gradient(#a8343435,transparent)}
.relief-fx{position:absolute;inset:0;pointer-events:none;z-index:4}.relief-fx i{position:absolute;top:48%;left:50%;width:4px;height:8px;background:#d9b18a;animation:relief-spark 420ms ease-out forwards}.relief-hit-number{position:absolute;left:62%;top:38%;font:30px var(--font-index);color:#e6c7a5;animation:relief-number 700ms ease-out forwards}
.relief-console{padding:28px;background:linear-gradient(140deg,#292326,#1b1b1f);border-top:2px solid #8b525055}.relief-console h2{font-size:27px;margin:10px 0}.relief-console p{font-size:14px}.relief-energy{margin:24px 0}.relief-energy label{display:flex;justify-content:space-between;font-size:13px;color:#c6b19a;margin-bottom:12px}.relief-energy progress{width:100%;height:5px;accent-color:#ad8463;background:#ffffff0b;display:block}.relief-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.relief-actions button{min-height:52px;margin:0;touch-action:manipulation;font-size:14px;user-select:none}.relief-actions kbd{font:11px var(--font-index);opacity:.65;margin-left:8px}.relief-finisher{grid-column:1/-1;background:#703e3d45!important;border-color:#9a5a5866!important;color:#e0b4a0!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px}.relief-finisher small{display:block;font-size:11px}.relief-finisher:disabled{opacity:.5}.relief-input-status{min-height:42px;font-size:12px!important}.relief-settings{border-block:1px solid #b98f6a22;padding:18px 0;display:flex;flex-wrap:wrap;gap:12px 18px}.relief-settings label{display:flex;gap:8px;align-items:center;font-size:12px;min-height:30px}.relief-settings input[type=range]{width:96px;margin:0}.relief-settings input[type=checkbox]{margin:0}.relief-settings>small{flex-basis:100%;font-size:11px}
.relief-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;padding:24px 0}.relief-records span{font-size:11px;color:#bbae9d}.relief-records strong{display:block;font:24px/1.5 var(--font-index);color:#e3c9a4}.relief-run-actions{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:13px}.relief-unlocks{font-size:11px!important}
.chronicles-page :is(button,a,input,textarea,select):focus-visible,.relief-page :is(button,a,input):focus-visible{outline:2px solid #d7bc89;outline-offset:4px}.chronicles-page button:active,.relief-actions button:active{transform:translateY(1px)}
@keyframes chronicle-flow{50%{translate:160% 0;opacity:.4}}@keyframes relief-spark{to{transform:translate(var(--dx),var(--dy)) rotate(100deg);opacity:0}}@keyframes relief-number{to{translate:0 -65px;opacity:0}}
@media(max-width:1050px){.relief-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.relief-console{padding:24px}.chronicle-hero{grid-template-columns:minmax(0,1fr) 160px}.chronicle-hero .chronicle-crest{width:150px;height:150px}}
@media(max-width:760px){.chronicle-hero{padding:26px 24px;grid-template-columns:1fr 90px;gap:10px}.chronicle-hero .chronicle-crest{width:90px;height:90px}.chronicle-hero p{font-size:15px}.chronicle-hero-actions{grid-column:1/-1}.chronicle-shelf,.academy-feature-pair,.relief-layout{grid-template-columns:1fr}.chronicle-book>div:last-child{padding:24px}.chronicle-editor-grid{gap:18px;grid-template-columns:1fr}.chronicle-editor textarea{min-height:340px}.chronicle-nav{gap:4px 18px}.chronicle-nav a{font-size:12px}.chronicle-reader{padding:24px 20px}.chronicle-prose{font-size:16px}.chronicle-prose p{line-height:2}.chronicle-actions{gap:8px}.chronicle-actions>*{flex:1 1 calc(50% - 8px)}.chronicle-tree>article{padding-left:5px}.chronicle-chapter-link{padding:22px 18px}.chronicle-heading{padding-top:12px}.chronicle-heading h1{font-size:30px}.chronicle-editor-actions>*{flex:1 1 130px;text-align:center}.relief-heading{align-items:flex-start}.relief-heading>.text-link{max-width:86px;flex-shrink:0;padding-top:20px}.relief-heading h1{font-size:28px}.relief-heading .chronicle-index{font-size:9px}.relief-stage{min-height:390px;max-height:500px;aspect-ratio:1/1.12;padding-bottom:48px}.relief-target{width:240px;max-width:78%;margin-top:25px}.relief-console{padding:24px 20px}.relief-layout{gap:16px}.relief-combo strong{font-size:42px}.relief-stage-label{font-size:9px;left:16px}.relief-gauges{left:16px}.relief-taunt{font-size:12px!important}.relief-impact-note{top:80%;font-size:12px}.academy-feature-pair>a{padding:24px}.chronicle-search{gap:8px}.chronicle-search input{width:100px}.chronicle-categories{gap:8px}.chronicle-categories a{padding:10px 12px;font-size:12px}.chronicle-hero .chronicle-hero-actions{margin-top:20px}.chronicle-hero .chronicle-hero-actions .button{padding:12px 14px}}
@media(max-width:360px){.chronicle-hero{grid-template-columns:1fr}.chronicle-hero .chronicle-crest{position:absolute;right:18px;top:18px;width:52px;height:52px;opacity:.3}.chronicle-hero .chronicle-index{max-width:170px;font-size:9px}.relief-heading{display:block}.relief-heading>.text-link{display:inline-block;max-width:none;padding:12px 0}.relief-console{padding:22px 16px}.relief-actions{gap:10px}.relief-actions kbd{display:none}}
@media(orientation:landscape) and (max-height:600px) and (min-width:680px){.relief-layout{grid-template-columns:minmax(0,1fr) minmax(300px,1fr)}.relief-stage{position:sticky;top:10px;min-height:350px;aspect-ratio:auto}.relief-target{width:240px}.relief-heading{margin-bottom:20px}}
.relief-still .relief-fx i,.reduce-motion .relief-fx i{display:none}.relief-still .relief-hit-number{animation:none}.reduce-motion .chronicle-hero:after{animation:none}
@media(prefers-reduced-motion:reduce){.chronicle-hero:after,.relief-hit-number{animation:none}.relief-fx i{display:none}.academy-feature-pair>a{transition:none}}
