#chronicle57{position:fixed;inset:0;z-index:200020;background:#101b20;color:#eee2c8;display:flex;flex-direction:column;font-family:inherit}#chronicle57 header{display:flex;justify-content:space-between;gap:20px;padding:24px max(20px,5vw) 12px;border-bottom:1px solid #826e45}#chronicle57 h1{font-size:28px;margin:5px 0}#chronicle57 h2{font-size:19px;margin:9px 0}#chronicle57 p{line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;margin:8px 0}#chronicle57 small{color:#bca878}#chronicle57 button,#chronicle57 select{background:#25363c;color:#eee2c8;border:1px solid #8a7953;padding:10px 14px;min-height:44px;font:inherit;cursor:pointer}#chronicle57 button:disabled{opacity:.48;cursor:default}#chronicle57 header button{align-self:start}#chronicle57 nav{display:flex;gap:8px;padding:12px max(20px,5vw)}#chronicle57 nav button[aria-pressed=true]{background:#856a36;color:#fff}.codexBody{overflow:auto;flex:1;padding:0 max(20px,5vw) max(24px,env(safe-area-inset-bottom));min-height:0}.codexGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.codexBody article{padding:20px;background:#19282d;border:1px solid #526054;margin:12px 0}.codexBody article button{margin-top:10px}.codexBody details{border-top:1px solid #526054;padding:12px 0}.codexBody summary{cursor:pointer;line-height:1.5}.codexBody details.locked{color:#899393}.codexPreview{padding:6px max(20px,5vw) 12px}.codexPreview input{width:20px;height:20px;vertical-align:middle}.codexPreview small{display:block;margin-top:5px}.codexHint{color:#bfc9c5}.codexReplay{max-width:950px;margin:auto;text-align:center}.codexReplay img{max-height:53dvh;width:100%;object-fit:contain}.codexReplay div{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap}.codexReplay p{white-space:pre-line}#chronicle57 :focus-visible{outline:3px solid #e8c578;outline-offset:3px}@media(max-width:520px){#chronicle57 header{padding:15px 14px 8px;gap:10px}#chronicle57 h1{font-size:23px}#chronicle57 nav{padding:10px 14px;gap:5px}#chronicle57 nav button{flex:1;font-size:13px;padding:8px 4px}.codexBody{padding:0 14px 24px}.codexBody article{padding:15px}.codexGrid{grid-template-columns:minmax(0,1fr)}.codexPreview{padding:4px 14px 10px}.codexReplay img{max-height:38dvh}#chronicle57 header small{font-size:11px}#chronicle57 header p{font-size:13px}#chronicle57 header button{font-size:13px;padding:8px}.codexBody p{font-size:14px}}@media(max-height:500px){#chronicle57 header{padding:8px 16px}#chronicle57 header small,#chronicle57 header p{display:none}#chronicle57 h1{font-size:20px}#chronicle57 nav{padding:6px 16px}.codexReplay img{max-height:55dvh}}

/* One portrait per historical person; disclosure stays inside its card. */
.historyFaces57{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:start}
.historyPerson57{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border:1px solid #81714a;background:#172923;color:#f0dfad;text-align:center;cursor:pointer}
.historyPerson57>img{object-fit:contain;max-width:100%}.historyPerson57>b{font-size:16px;line-height:1.5}
.historyBio57{display:none;text-align:left;color:#ece7d7;font-size:15px;line-height:1.8;overflow-wrap:anywhere}.historyBio57 strong{display:block;color:#cbb77f;font-size:13px;margin-bottom:8px}.historyBio57>span{display:block}
.historyPerson57.open .historyBio57,.historyPerson57:focus-visible .historyBio57{display:block}
@media(hover:hover){.historyPerson57:hover .historyBio57{display:block}}
@media(max-width:540px){.historyFaces57{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.historyPerson57{padding:12px 8px}.historyPerson57.open{grid-column:1/-1}.historyPerson57>b{font-size:14px}}