/* Readable archive surfaces, restrained warm accents, and faction identities. */
:root{--bg:#070b12;--surface:#111c29;--raised:#162434;--text:#e8edf3;--muted:#bac7d4;--faint:#a0b2c3;--gold:#d8b675;--line:#b0d9ee30}
body{background:var(--bg);color:var(--text)}
.topbar{background:#070b12f2}.header-inner{gap:clamp(22px,4vw,60px)}
.brand small{font-size:11px;color:var(--muted);margin-top:4px}.brand strong{letter-spacing:-.5px}
.nav a{font-size:14px;color:#bbc8d5}.icon-btn:hover,.icon-btn[aria-current]{background:#142739;border-color:#8ddcff70}
.hero-art{opacity:.9}.hero-copy>p{font-size:16px;line-height:2.15;color:#c3d0dd;max-width:520px}
.eyebrow{font-size:12px;color:var(--gold)}.eyebrow .line{background:var(--gold)}
.hero-story{border-right-color:#c96b76;background:linear-gradient(130deg,#101a29e8,#0b111ad9);box-shadow:0 12px 45px #0004}
.hero-story .kicker{color:#e5a6b2}.hero-story p{font-size:14px;color:#c1ceda}.hero-story .text-link{font-size:13px}
.hero-bottom,.hero-bottom .latin{font-size:11px;color:#aabaca}
.hero-search,.page-search{min-height:62px;border:1px solid #8ddcff80;background:#102232e8;box-shadow:0 0 0 4px #8ddcff07,0 10px 30px #0002;transition:border-color .2s,box-shadow .2s}
.hero-search{max-width:475px;margin-top:29px}.hero-search input,.page-search input{font-size:15px;color:var(--text)}
.hero-search input::placeholder,.page-search input::placeholder{color:#b0c4d4}.hero-search:focus-within,.page-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #8ddcff20,0 0 26px #8ddcff12}
.hero-search button{width:44px;min-height:44px;background:#16354a;border:1px solid #8ddcff50;border-radius:3px;color:#bceaff}
.primary-btn{font-size:14px;box-shadow:0 4px 18px #8ddcff14}.primary-btn:hover{background:#b4e8ff;box-shadow:0 7px 24px #8ddcff22}
.primary-btn:active,.outline-btn:active,.chip:active{transform:translateY(1px)}
.section-head p,.journey-intro p,.page-head p{font-size:15px;line-height:2.1}.kicker{font-size:12px}.section-head .kicker,.journey-intro .kicker{color:var(--gold)}
.text-link,.outline-btn{font-size:13px}.strip-inner a span{font-size:13px;color:#b7c8d8}.strip-note{font-size:12px;color:var(--muted)}
.chip{font-size:13px;min-height:44px;color:#b8c9d8;background:#101c29;border-color:#aecfe045}
.chip.active{background:#19344a;border-color:#8ddcff;color:#e5f7ff;box-shadow:inset 0 -3px #8ddcff}.chip[aria-pressed=true]{font-weight:650}
.section-count,.results-note{font-size:13px;color:var(--muted)}.select-group label{font-size:12px;color:var(--muted)}.select-group select{font-size:13px}
.card{--faction:#8ddcff;--faction-rgb:141 220 255;border:1px solid rgb(var(--faction-rgb)/.26);border-top:2px solid rgb(var(--faction-rgb)/.75);background:linear-gradient(155deg,rgb(var(--faction-rgb)/.055),transparent 70%),#111c29;border-radius:6px;box-shadow:0 6px 20px #0002}
.card:hover{transform:translateY(-3px);border-color:rgb(var(--faction-rgb)/.8);box-shadow:0 14px 32px #0006,0 0 16px rgb(var(--faction-rgb)/.08)}
.card:focus-within{border-color:var(--faction);box-shadow:0 0 0 2px rgb(var(--faction-rgb)/.24)}
.card-art:after{background:linear-gradient(0deg,#111c29 1%,#111c29dc 18%,#111c2900 60%),linear-gradient(180deg,#03080b66,transparent 28%)}
.card-art>img{filter:saturate(.94)}.card:hover .card-art>img{transform:scale(1.025)}
.card-title-block{bottom:12px}.card h3{font-size:23px;line-height:1.7}.card-english{font-size:10px;color:#c3cedb}
.faction-insignia{position:absolute;right:14px;top:14px;z-index:2;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgb(var(--faction-rgb)/.55);border-bottom:3px solid var(--faction);border-radius:5px;background:#07101dee;box-shadow:0 4px 16px #0005}
.faction-icon{display:block;width:32px;height:32px;image-rendering:pixelated;object-fit:contain}
.card-body{padding:2px 19px 19px}.affiliation-line{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:var(--faction);font-size:12px;line-height:1.9;font-weight:550}
.affiliation-line:before{content:'';width:5px;height:5px;background:var(--faction);flex-shrink:0}
.card-subtitle{font-size:14px;color:#c0d0df;line-height:1.9;min-height:27px}
.card-summary{font-size:14px;line-height:2.1;color:#bac7d4;min-height:88px;-webkit-line-clamp:3;margin:10px 0 17px}
.card-footer{font-size:12px;color:#b3c5d6;flex-wrap:wrap;gap:8px}.card-footer .arrow{color:var(--faction);font-size:12px}
.canon-pill{color:var(--gold);font-size:11px;border:1px solid #d8b67555;padding:1px 6px;border-radius:3px;line-height:1.8}
.card .save{background:#07101def;border-color:#c1d4e263;border-radius:5px}.card .save.saved{background:#183b50;border-color:#8ddcff;box-shadow:0 0 0 2px #8ddcff18}.save.saved svg{fill:#8ddcff80}
.card-tag{font-size:12px;max-width:calc(100% - 79px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.faction-legend{border:1px solid var(--line);background:#0e1925;border-radius:5px;margin:0 0 25px;overflow:hidden}
.faction-legend summary{cursor:pointer;min-height:48px;padding:12px 16px;color:#c4d7e6;font-size:13px}.faction-legend summary::marker{color:var(--gold)}
.legend-intro{font-size:13px;color:var(--muted);line-height:2;margin:0;padding:0 20px 14px}.legend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 20px}
.legend-item{display:flex;align-items:center;gap:11px;padding:10px;background:#111f2e;border:1px solid rgb(var(--faction-rgb)/.25);border-radius:4px;min-width:0}.legend-item span{color:var(--faction);font-size:13px;line-height:1.8}
.legend-item img{width:28px;height:28px;flex-shrink:0}.directory .faction-legend{margin-top:20px}
.detail-hero{--faction:#8ddcff;--faction-rgb:141 220 255;border-bottom:2px solid rgb(var(--faction-rgb)/.5);background:linear-gradient(125deg,rgb(var(--faction-rgb)/.07),transparent 80%),#111c29}
.detail-art:after{background:linear-gradient(90deg,transparent 55%,#111c29),linear-gradient(0deg,#111c29aa,transparent 25%)}
.detail-affiliation{display:flex;align-items:center;gap:12px;width:fit-content;max-width:100%;background:#091321;border:1px solid rgb(var(--faction-rgb)/.4);border-radius:5px;padding:8px 13px;margin-bottom:18px;color:var(--faction);font-size:14px}
.detail-affiliation img{width:32px;height:32px;flex-shrink:0}.detail-heading .kicker{font-size:12px;color:#bfcedb}.detail-heading .subtitle{font-size:15px;color:#c1d4e3}.detail-summary{font-size:16px;color:#c4d0dd}
.detail-content{background:#0e1723}.detail-save,.share-btn{font-size:13px;min-height:44px}.detail-save[aria-pressed=true]{color:#e8f8ff;background:#21465d;border-color:#8ddcff}
.english-name{font-size:12px;color:#afc7da;letter-spacing:1px}.fact dt{font-size:12px;color:#a7bdce}.fact dd{font-size:15px}.story-section p{font-size:17px;line-height:2.3;color:#cdd6e0;max-width:760px}.story-section h3{color:#d8c393}
.source-note,.source-links a,.detail-bottom a{font-size:13px}.trait-tags span,.appearance-tags span,.related-tags a{font-size:13px}.sources-content p{font-size:16px;color:#c3cfdb}
.era-point strong{font-size:17px}.era-point span:last-child{font-size:12px;color:#b7cad8}.era-point:before{border-color:var(--gold)}.era-index{color:var(--gold)}.era-nav button{font-size:14px}.time-event p{font-size:16px;color:#bbcbd8}
.reading-note p{font-size:14px}.reading-note h2{font-size:18px}.note-symbol{color:var(--gold)}.mini-place p{font-size:14px}.mini-place small{font-size:12px}.journey-card small{font-size:13px}.journey-card span{font-size:14px}
.footer p{font-size:13px;color:#b0c2d2}.footer-links{font-size:13px}.footer-bottom{font-size:12px;color:#a6b8c9}.creator-note{gap:26px;padding:36px 0 14px;border-top-color:#d8b67538}.creator-note-symbol,.creator-note h2{color:var(--gold)}.creator-note h2{font-size:18px}.footer .creator-note p{font-size:16px;line-height:2.25}.footer .creator-note .creator-signoff{color:#ddc591;font-size:15px}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b1e8ff;outline-offset:4px}
@media(max-width:1200px){.hero-copy>p{font-size:15px}.legend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.brand-mark{width:36px;height:36px}.brand small{font-size:10px}.header-inner{gap:10px 20px}.nav a{font-size:13px}.hero-copy>p{font-size:15px}.card-summary{font-size:14px}.legend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-subtitle{font-size:14px}.detail-summary{font-size:15px}.detail-save,.share-btn{font-size:12px}}
@media(max-width:600px){.hero-copy>p{font-size:15px;max-width:370px}.hero-search input,.page-search input{font-size:14px}.hero-search{min-height:60px}.hero-story-copy{display:block}.hero-story h2{font-size:25px}.hero-story p{font-size:13px}.hero-story .text-link{margin-top:8px;font-size:12px}.eyebrow{font-size:11px}.hero-bottom{font-size:10px}.primary-btn{font-size:13px;padding-inline:16px}.section-head p,.page-head p{font-size:14px}.chip{font-size:12px}.grid{gap:20px 13px}.card h3{font-size:19px}.card-english{font-size:9px;letter-spacing:.3px}.card-title-block{right:13px;left:12px}.card-body{padding:2px 13px 15px}.card-subtitle{font-size:13px;min-height:50px}.card-summary{font-size:13px;line-height:2.05;min-height:80px}.card-footer{font-size:11px}.card-footer .arrow{font-size:11px}.card-footer>span:first-child{font-size:11px}.affiliation-line{font-size:11px;min-height:21px}.faction-insignia{width:44px;height:44px;right:10px;top:10px}.faction-insignia img{width:28px;height:28px}.legend-grid{gap:9px;padding:0 12px 14px}.legend-item{padding:8px;gap:8px}.legend-item span{font-size:12px}.legend-item img{width:24px;height:24px}.legend-intro{padding-inline:14px;font-size:12px}.detail-affiliation{font-size:13px;padding:7px 10px;margin-top:4px;margin-bottom:15px}.detail-art:after{background:linear-gradient(0deg,#111c29 1%,transparent 65%)}.detail-heading .kicker{font-size:11px}.story-section p{font-size:16px;line-height:2.3}.detail-summary{font-size:15px}.source-note,.source-links a{font-size:12px}.footer .creator-note p{font-size:15px}.footer .creator-note .creator-signoff{font-size:14px}.creator-note{gap:16px}.creator-note h2{font-size:17px}.reading-note p{font-size:13px}.mini-place p{font-size:13px}.strip-inner a span{font-size:11px}}
@media(max-width:380px){.grid{grid-template-columns:1fr}.card-art{height:325px}.card-summary{min-height:0}.card-subtitle{min-height:0}.card h3{font-size:23px}.affiliation-line{font-size:12px}.card-summary{font-size:14px}.legend-grid{grid-template-columns:1fr}.hero-ctas{flex-wrap:wrap}.brand small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.card:hover{transform:none}.card:hover .card-art>img,.journey-card:hover img,.place-feature:hover img{transform:none}}

#detail-dialog{border-top-color:var(--faction,var(--accent))}

.hero-affiliation{display:flex;align-items:center;gap:8px;color:var(--faction);font-size:12px;margin-bottom:10px}.hero-affiliation .faction-icon{width:24px;height:24px}.journey-insignia{position:absolute;top:15px;right:15px;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#07101deb;border:1px solid rgb(var(--faction-rgb)/.5);border-radius:4px;color:var(--faction)}.journey-card .journey-insignia>span{color:var(--faction);font-size:12px}.journey-insignia .faction-icon{width:26px;height:26px}.journey-card>div{border-right-color:var(--faction,var(--accent))}@media(max-width:600px){.hero-affiliation{margin-bottom:7px;font-size:11px}.hero-affiliation .faction-icon{width:20px;height:20px}}