.game-tabs{grid-template-columns:repeat(9,minmax(0,1fr))}
.chronicle{--ch-line:#4e6574;--ch-paper:#e8d7ac;--ch-ink:#172b39;color:#dfdfd2;font-size:14px;line-height:1.55}
.chronicle h3,.chronicle h4,.chronicle p{margin:0 0 8px}.chronicle button{min-height:44px;border-radius:2px}.chronicle small{font-size:11px}.chronicle input,.chronicle select{width:100%;min-height:44px;box-sizing:border-box}.chronicle label{display:grid;gap:6px}.chronicle button:focus-visible{outline:3px solid #a7e1da;outline-offset:3px}.chronicle .chosen{border-color:#eacb7b!important;box-shadow:inset 0 0 0 1px #eacb7b;background:#334b53}.chronicle .fallen{opacity:.5}.ch-muted{font-size:12px;color:#a4b7be}.ch-alert{border-left:4px solid #e3b36c;background:#3b352c;padding:12px}.ch-section-intro{margin:20px 0}.ch-section-intro h3{font-size:23px;color:#ebd39d}
.ch-cover{display:flex;align-items:center;gap:22px;padding:24px;background:linear-gradient(100deg,#314b56,#152633);border:1px solid #546c77;border-top:4px solid #c7af75}.ch-cover h3{font-size:30px;color:#f6dfaa;letter-spacing:2px}.ch-kicker{font-size:10px;letter-spacing:3px;color:#94b4bb}.ch-book{width:76px;height:100px;flex:0 0 76px;background:#c8b88e;color:#314851;box-shadow:-5px 4px 0 #736b54,4px 4px 0 #788381;border:4px double #5a716f;display:grid;place-items:center;transform:rotate(-5deg)}.ch-book span{border:1px solid #5a716f;padding:12px;font-size:25px;font-family:serif}.ch-progress{margin-left:auto;display:grid;gap:5px;min-width:155px}.ch-progress strong{font-size:27px;color:#e2cc8e}.ch-progress strong small{font-size:12px;color:#a6bdc4}.ch-progress span{font-size:12px}.ch-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0}.ch-next{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px dashed #596f73;background:#263b43;margin-bottom:16px}.ch-next button{padding:5px 15px}.ch-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:16px 0}.ch-chapters button{font-size:12px;text-align:left;padding:10px}.ch-chapters small{display:block;color:#b3bead}.ch-chapters span{font-size:10px;color:#c1d5b6}.ch-chapter-title{display:flex;justify-content:space-between;gap:16px;margin:22px 0}.ch-chapter-title h4{font-size:23px}.ch-chapter-title label{font-size:12px;max-width:240px}.ch-chapter-title span{font-size:11px;color:#d7bd81}
.ch-map{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px;background:repeating-linear-gradient(0deg,#21313e,#21313e 31px,#2d404a 32px);border:1px solid #52646d}.ch-map button{position:relative;display:grid;text-align:left;gap:5px;padding:12px 10px 12px 32px;min-height:75px}.ch-node-index{position:absolute;left:9px;top:13px;color:#829a9d;font-size:11px}.ch-boss-node{border-color:#b68c6a!important}.ch-locked{opacity:.65}.ch-map strong{font-size:13px}.ch-map small{color:#ddc78d}.ch-stage-detail{padding:18px;border:1px solid #698087;background:#243a45;margin-top:16px}.ch-detail-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #526772;padding-bottom:10px;margin-bottom:15px}.ch-detail-head h4{font-size:22px;color:#ecd59e}.ch-detail-head span{font-size:11px}.ch-stage-foes{display:flex;gap:5px;align-items:center}.ch-pixel{width:64px;height:64px;flex:0 0 64px;image-rendering:pixelated}.ch-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ch-detail-grid p{font-size:13px}.ch-detail-grid b{display:block;color:#a1d2c7;margin-bottom:6px}.ch-stage-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;border-top:1px solid #4e636a;padding-top:14px;margin-top:12px}.ch-stage-actions button{padding:10px 14px}.ch-stage-actions span{font-size:11px;color:#aabcc2}.ch-party{margin-top:15px;border:1px solid #435866;padding:12px}.ch-party summary{cursor:pointer;min-height:30px}.ch-party summary span{display:inline-block;font-size:11px;color:#9cb3bc}.ch-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}.ch-party-grid span{font-size:12px;color:#a8bdc5}
.ch-result{background:#302e30;border:1px solid #b5866f;border-top:4px solid #b5866f;padding:20px;margin:18px 0}.ch-result.clear{background:#2b4143;border-color:#a6c496}.ch-result>span{font-size:10px;letter-spacing:2px;color:#a7bdb6}.ch-result h4{font-size:23px;color:#e9d6a7;margin-top:8px}.ch-result>strong{font-size:24px;color:#e7cb80}.ch-result>strong small{font-size:13px}.ch-reward-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ch-reward-row b{background:#172d34;padding:6px 9px;color:#bddac2}.ch-learned{padding:14px;background:#364d40;border:1px solid #66856e;margin:14px 0}.ch-learned p{margin-top:8px}.ch-ending{font-family:serif;font-size:16px!important;line-height:1.8;border-left:3px solid #a49c75;padding:8px 16px}
.ch-battle-head{display:flex;justify-content:space-between;align-items:start;margin:16px 0}.ch-battle-head h3{font-size:26px;color:#e7d3a5}.ch-battle-head span{font-size:11px;color:#aac3c4}.ch-environment{display:flex;gap:12px;flex-wrap:wrap;background:#263441;padding:10px 13px;border:1px solid #526575;margin-bottom:14px}.ch-environment.active{border-color:#d9ad75;background:#3b3731}.ch-environment span{font-size:12px}.ch-enemies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ch-enemy{border:1px solid #596571;background:#253440;padding:12px;min-width:0}.ch-enemy-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}.ch-enemy-top .ch-pixel{width:48px;height:48px;flex-basis:48px}.ch-enemy h4{font-size:13px;overflow-wrap:anywhere}.ch-enemy-top p{font-size:10px}.ch-enemy button{width:100%;font-size:12px;margin-top:4px}.ch-enemy details{font-size:11px;margin-top:7px}.ch-intent{background:#3d3437;padding:7px;color:#ecc8ad;font-size:12px;min-height:24px;margin-top:8px!important}.ch-intent span{display:block;color:#ebd5a8}.ch-states{font-size:10px;color:#d4c78d;min-height:17px}.ch-hp{display:grid;gap:3px;font-size:11px}.ch-hp i{display:block;height:7px;background:linear-gradient(90deg,#88cdb4 var(--hp),#10202d var(--hp));border:1px solid #122333}.ch-enemy .ch-hp i{background:linear-gradient(90deg,#d6a18d var(--hp),#10202d var(--hp))}.ch-allies{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.ch-allies>div{border:1px solid #49626b;padding:10px;background:#213740}.ch-allies b{font-size:12px}.ch-allies span{font-size:11px}.ch-command{padding:14px;border:1px solid #648483;background:#1b303b;margin-top:14px}.ch-focus{display:flex;align-items:center;gap:9px;margin-bottom:10px}.ch-focus b{color:#99d5e0}.ch-focus span{color:#e3c481;font-size:12px;margin-left:auto}.ch-basic-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.ch-basic-actions small{display:block}.ch-basic-actions button{padding:9px 4px;font-size:12px}.ch-tech-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ch-tech{padding:12px;text-align:left}.ch-tech span{display:flex;justify-content:space-between;gap:8px;font-weight:700}.ch-tech>small{display:block;color:#a5c6cb;margin:3px 0}.ch-tech p{font-size:11px;color:#c2ccca;margin:0}.ch-tech.fire,.ch-skill.fire{border-left:3px solid #e6a184}.ch-tech.water,.ch-skill.water{border-left:3px solid #8ebecf}.ch-tech.wind,.ch-skill.wind{border-left:3px solid #8fbd9b}.ch-tech.earth,.ch-skill.earth{border-left:3px solid #b79c85}.ch-tech.light,.ch-skill.light{border-left:3px solid #d8c490}.ch-tech.shadow,.ch-skill.shadow{border-left:3px solid #b7a0cb}.ch-log{margin-top:15px;padding:12px;border:1px solid #425761}.ch-log summary{cursor:pointer}.ch-log ol{padding-left:23px;font-size:12px}.ch-log li{padding:3px 0}
.ch-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ch-deck button{display:grid;gap:5px;padding:12px;text-align:left}.ch-deck small{color:#acc1c0}.ch-deck span{font-size:11px}.ch-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:15px 0}.ch-filters label{flex:1;min-width:150px;font-size:12px}.ch-filters button{padding:10px 18px}.ch-skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ch-skill{border:1px solid #4b616e;background:#253641;padding:15px;display:flex;flex-direction:column}.ch-skill h4{font-size:17px;color:#e6d4a4}.ch-skill>div:first-child span{font-size:10px;color:#abc8c6}.ch-skill p{font-size:12px}.ch-skill>div:last-of-type{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.ch-skill button{font-size:12px;padding:8px 10px}.ch-skill>small{margin-top:10px;color:#9cbbb9}.ch-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ch-comparison article{border:1px solid #677672;padding:15px;background:#2b3d43}.ch-comparison h4{font-size:20px;color:#ddc58b}.ch-comparison p{font-size:12px;min-height:42px}.ch-comparison article>div{display:grid;gap:5px;margin:10px 0}.ch-comparison b{color:#a9d3bf}.ch-comparison span{font-size:12px}.ch-replay{border:1px solid #547877;background:#203740;padding:15px;margin:18px 0}.ch-replay-hp{display:flex;flex-wrap:wrap;gap:8px}.ch-replay-hp p{padding:5px 8px;background:#172630;font-size:11px}.ch-replay ul{font-size:12px;padding-left:20px}.ch-replay>div:last-child{display:flex;gap:10px}.ch-codex{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0}.ch-codex article{display:flex;gap:12px;padding:15px;background:#253641;border:1px solid #475e6a}.ch-codex h4{color:#ddcfa6}.ch-codex p{font-size:12px}
@media(max-width:900px){.ch-cover{gap:14px;padding:17px}.ch-book{width:48px;height:70px;flex-basis:48px}.ch-cover h3{font-size:24px}.ch-cover p{font-size:12px}.ch-progress{min-width:128px}.ch-chapters{grid-template-columns:repeat(4,1fr)}.ch-enemies{grid-template-columns:1fr}.ch-enemy{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.ch-enemy-top{grid-column:1/-1}.ch-enemy details{grid-column:1/-1}.ch-enemy .ch-hp{grid-column:1/-1}.ch-enemy .ch-intent{margin:0!important}.ch-enemy .ch-states{display:none}.ch-enemy button{margin:0}.ch-enemy details summary{min-height:28px}.ch-comparison{grid-template-columns:1fr}.ch-comparison p{min-height:0}}
@media(max-width:560px){.ch-cover{flex-wrap:wrap;gap:12px;padding:15px}.ch-cover h3{font-size:23px}.ch-progress{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;width:100%;margin:0}.ch-progress strong{font-size:20px}.ch-progress span{font-size:11px}.ch-tabs{gap:5px}.ch-tabs button{font-size:11px;padding:7px 2px}.ch-next{gap:8px;font-size:11px}.ch-chapters{grid-template-columns:repeat(2,1fr);gap:5px}.ch-chapter-title{display:block}.ch-chapter-title label{max-width:none;margin-top:12px}.ch-map{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:6px}.ch-map button{padding:11px 7px 11px 26px}.ch-map strong{font-size:11px}.ch-map small{font-size:10px}.ch-node-index{left:7px;font-size:9px}.ch-detail-head{display:block}.ch-stage-foes{margin:7px 0}.ch-pixel{width:48px;height:48px;flex-basis:48px}.ch-stage-detail{padding:12px}.ch-detail-grid{grid-template-columns:1fr;gap:10px}.ch-stage-actions{display:grid}.ch-stage-actions button{width:100%}.ch-party-grid{grid-template-columns:1fr}.ch-deck{grid-template-columns:repeat(2,1fr)}.ch-skill-grid,.ch-codex{grid-template-columns:1fr}.ch-allies{gap:5px}.ch-allies>div{padding:7px 5px}.ch-allies span{font-size:9px}.ch-command{padding:9px}.ch-basic-actions{grid-template-columns:repeat(2,1fr);gap:5px}.ch-tech-actions{gap:6px}.ch-tech{padding:8px}.ch-tech span{display:block;font-size:12px}.ch-tech span small{display:block}.ch-tech>small{font-size:10px}.ch-tech p{font-size:10px}.ch-battle-head h3{font-size:22px}.ch-focus span{font-size:10px}.ch-filters label{min-width:100%}.ch-result{padding:14px}.ch-result h4{font-size:20px}.ch-result>strong{font-size:22px}.ch-result>strong small{display:block}.ch-reward-row b{font-size:12px}.ch-codex article{padding:12px}.ch-replay-hp{gap:5px}}
@media(prefers-reduced-motion:reduce){.chronicle *{animation:none!important;transition:none!important}}

@media(max-width:700px){.game-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}

.ch-counter-example{padding:16px;background:#233140;border:1px solid #56706f;margin-top:14px}.ch-counter-example button{margin:4px 10px 4px 0}.ch-counter-example small{display:inline-block;color:var(--muted)}.ch-status-guide{padding:14px;border:1px solid #526367;margin:16px 0}.ch-status-guide summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.ch-status-guide p{line-height:1.7}
header nav button,header nav .portal,footer a{min-height:44px}footer a{display:inline-flex;align-items:center}
.ch-mobile-status{display:none}.chronicle summary{min-height:44px;cursor:pointer;box-sizing:border-box;display:flex;align-items:center}.ch-party summary{flex-wrap:wrap;gap:5px}
@media(max-width:560px){
 .ch-enemy{padding:9px;gap:5px 8px;grid-template-columns:minmax(0,1fr) 88px;grid-template-areas:"head guide" "hp hp" "intent target" "states states"}
 .ch-enemy-top{grid-area:head;margin:0;min-width:0}.ch-enemy-top .ch-pixel{width:30px;height:30px;flex-basis:30px}.ch-enemy-top h4{font-size:12px;margin:0 0 3px}.ch-enemy-top p{margin:0;font-size:9px}
 .ch-enemy .ch-hp{grid-area:hp}.ch-enemy .ch-intent{grid-area:intent;margin:0!important;min-height:32px;padding:6px;display:flex;align-items:center;flex-wrap:wrap;box-sizing:border-box}.ch-enemy>button{grid-area:target;padding:4px;font-size:11px}
 .ch-enemy .ch-states{display:block;grid-area:states;margin:0;min-height:0;font-size:10px}.ch-enemy .ch-states:empty{display:none}
 .ch-enemy details{grid-area:guide;margin:0;align-self:start}.ch-enemy details[open]{grid-area:auto;grid-column:1/-1}.ch-enemy details summary{font-size:10px;min-height:44px}
 .battle-focused .chronicle{padding-bottom:145px}.ch-basic-actions{position:fixed;bottom:0;left:8px;right:8px;z-index:20;background:#172b38;padding:8px;margin:0;border:1px solid #758989;box-shadow:0 -4px 14px #101b20;max-width:544px}
 .ch-mobile-status{display:block;grid-column:1/-1;font-size:11px;color:#bfe0d6;text-align:center}.ch-basic-actions button{min-height:44px;padding:5px 3px}.ch-basic-actions button small{font-size:10px}
}