#histories-library[hidden],#history-player[hidden],#history-reading[hidden]{display:none!important}
#histories-library{grid-column:1/-1;width:100%;padding:clamp(20px,4vw,56px);background:#0a2027;border:1px solid #31505a;border-radius:18px}
.history-catalog-open main>:not(#histories-library){display:none!important}
.history-library-heading{display:flex;align-items:start;justify-content:space-between;gap:24px}.history-library-heading h1,.history-cover h1{font-family:var(--serif,Georgia,serif);font-weight:400;font-size:clamp(32px,4.5vw,56px);line-height:1.12;margin:14px 0 20px;color:#f4eee0}
#histories-library p,#history-reading p{font-size:16px;line-height:1.8;color:#bfd1d1}#histories-library h2{margin-top:40px;font-size:28px}
.history-filter{display:flex;align-items:center;gap:16px;margin:26px 0}.history-filter select{min-height:48px;background:#102e36;color:#f0e8d5;border:1px solid #49616a;padding:10px;border-radius:8px;font:inherit;max-width:100%}
.history-card{border-top:1px solid #54717a70;padding:24px 0}.history-card h3{font:400 26px/1.3 Georgia,serif;margin:12px 0;color:#f5eedc}.history-card progress{display:block;width:100%;margin:20px 0}.history-featured,.history-cover{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:center;background:#102e36;border:1px solid #54717a70;border-radius:12px;padding:0;overflow:hidden}.history-featured>div,.history-cover>div{padding:28px 30px 28px 0}.history-featured img,.history-cover img{width:100%;height:100%;min-height:350px;object-fit:cover}.history-cover{margin:24px 0}
.history-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.history-access{font-size:14px!important;color:#e8c884!important}.history-reward{color:#e8c884!important}.history-library-note{border-top:1px solid #4c646b;margin-top:36px;padding-top:20px}
.history-playing .journey,.history-playing #place,.history-playing #close-detail,.history-playing #destinations{display:none!important}
#history-player{margin:14px;background:#123039;border:1px solid #58695e;border-radius:12px;padding:22px}#history-player h2{font:400 29px/1.25 Georgia,serif;margin:10px 0}#history-player p{font-size:15px;line-height:1.7;color:#c6d5d2}#history-player progress{width:100%;margin:10px 0}#history-player .history-actions{display:flex;flex-wrap:wrap;gap:10px}.history-location strong{color:#e8c884}
#history-reading{grid-column:2;grid-row:1;padding:28px;background:#0c252d;border:1px solid #34525c;border-radius:16px;align-self:start;min-width:0}#history-reading h2{font:400 30px/1.3 Georgia,serif;color:#f5eedc}#history-reading details,#histories-library details{border-top:1px solid #34525c;padding:18px 0}#history-reading summary,#histories-library summary{min-height:44px;color:#e8c884;cursor:pointer;font-size:16px}#history-reading a,#histories-library a{color:#a5dcd1;overflow-wrap:anywhere}#history-reading li,#histories-library li{line-height:1.8;font-size:15px;margin:8px 0}.history-outline ol{padding-left:24px}.history-outline span{display:block;color:#b5c9c9}.history-outline button{white-space:normal;text-align:left;width:100%}.history-outline [aria-current]{border-color:#e8c884;color:#e8c884}.history-conclusion{margin-top:24px;border-left:3px solid #e8c884;padding-left:20px}.history-conclusion button{margin:8px 0}
.history-playing .world{grid-column:1}.history-question .answer{width:100%;min-height:48px;white-space:normal;text-align:left;font-size:16px}.history-question button{margin:6px 0}.history-question #history-answer-feedback{font-size:17px;line-height:1.8}.history-question #history-question-pause{margin-left:12px}
#histories-library button,#history-player button,#history-reading button{min-height:44px;font-size:15px;white-space:normal}#histories-library button:focus-visible,#history-player button:focus-visible,#history-reading button:focus-visible,.history-question button:focus-visible{outline:3px solid #b7eddf;outline-offset:4px}
@media(max-width:900px){.history-playing main{grid-template-columns:minmax(0,1fr)}#history-reading{width:100%;grid-column:1;grid-row:auto}.history-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.history-featured,.history-cover{gap:18px}}
@media(max-width:600px){.history-library-heading{display:block}.history-filter{display:block}.history-filter select{display:block;width:100%;margin-top:10px}.history-featured,.history-cover{display:block}.history-featured img,.history-cover img{height:220px;min-height:0}.history-featured>div,.history-cover>div{padding:22px}.history-collections{grid-template-columns:1fr;gap:0}#history-player{padding:16px;margin:10px}#history-reading{padding:20px}.history-actions button{flex:1}#history-player h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){#histories-library *,#history-player *,#history-reading *{scroll-behavior:auto!important;transition:none!important}}

.history-playing .timebar>.era-control,.history-playing #epoch-note{display:none}.history-playing .map-heading{display:none}.nav[aria-current=page]{color:var(--gold);border-bottom:1px solid var(--gold)}

.history-catalog-open #explore.active:after,.history-playing #explore.active:after{display:none}.history-catalog-open #explore.active,.history-playing #explore.active{color:var(--muted)}

.history-ready .history-card{display:flex;flex-direction:column;min-width:0;padding-top:0;margin-top:8px;border:1px solid #54717a70;border-radius:12px;overflow:hidden;background:#102e36}
.history-ready .history-card>img{display:block;width:100%;height:180px;object-fit:cover}
.history-ready .history-card>div{display:flex;flex-direction:column;flex:1;padding:22px}
.history-ready .history-card progress{margin-top:auto}
.history-ready .history-card button{align-self:start}
.history-ready .history-card h3{overflow-wrap:break-word}
#history-discoveries{margin:0 16px 20px;padding:18px 20px;background:#0e2931;border:1px solid #49656b;border-radius:12px}
#history-discoveries[hidden]{display:none}
.history-discovery-list{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.history-discovery-list button{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:52px;flex:1;text-align:left;white-space:normal;border:1px solid #8a795a;padding:12px 16px;color:#f4e9d2;background:#19373e;border-radius:8px}
.history-discovery-list strong{font-size:16px;font-weight:500;display:block}
.history-discovery-list small{display:block;font-size:14px;color:#bcd5d2;margin-top:4px}
#history-discoveries p,.history-discovery-card .history-map-note{font-size:14px;line-height:1.65;color:#bdd0d0}
.history-discovery-card h2{font:400 30px/1.2 Georgia,serif;color:#f3ead6}
.history-discovery-card p{font-size:16px;line-height:1.8}
.history-discovery-card .history-discovery-period{color:#e8c884}
.history-discovery-card a{color:#a5dcd1;overflow-wrap:anywhere}
.history-discovery-card details{margin:20px 0}.history-discovery-card summary{min-height:44px;cursor:pointer}
.history-discovery-card button{min-height:48px;white-space:normal}
.history-discovery-figure{margin:22px 0 26px;border:1px solid #49656b;border-radius:10px;overflow:hidden;background:#0a2029}
.history-discovery-visual{display:grid;place-items:center;min-height:160px;background:#071820}
.history-discovery-visual img{display:block;width:100%;height:auto;max-height:360px;max-height:min(42vh,360px);object-fit:contain}
.history-discovery-visual img[hidden],.history-image-unavailable[hidden]{display:none}
.history-discovery-figure figcaption{display:grid;gap:8px;padding:16px 18px;font-size:14px;line-height:1.6;color:#cbdcda;overflow-wrap:anywhere}
.history-image-kind{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#e8c884}
.history-image-credit{color:#b4cac9}
.history-discovery-card .history-image-unavailable{margin:0;padding:24px;font-size:14px;color:#cbdcda}
.history-discovery-card a:focus-visible,.history-discovery-card h2:focus-visible{outline:3px solid #b7eddf;outline-offset:4px}
.history-discovery-list button:focus-visible,.history-discovery-card button:focus-visible,.history-discovery-card summary:focus-visible{outline:3px solid #b7eddf;outline-offset:4px}
.history-playing #coordinate{max-width:85%;white-space:normal;line-height:1.5}
@media(max-width:600px){#history-discoveries{margin:0 10px 14px;padding:16px}.history-discovery-list{display:block}.history-discovery-list button{width:100%}.history-discovery-card h2{font-size:27px}}
@media(max-width:600px){.history-ready{gap:20px}.history-ready .history-card>img{height:190px}}

.history-playing #geology-card{display:none!important}
.history-playing.is-geological .timebar{display:block!important}