:root{--paper: #f3ecdc;--paper-2: #ece3cf;--paper-3: #e2d7bd;--ink: #2a241e;--ink-2: #5b5146;--ink-3: #6b6358;--rule: rgba(42, 36, 30, .22);--rule-strong: rgba(42, 36, 30, .55);--accent: #7a2e3b;--link: #3b5a7a;--serif: "EB Garamond", Georgia, "Times New Roman", serif;--cond: "Barlow Condensed", "Arial Narrow", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:17px}button,input,select{font-family:inherit;color:inherit}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}#globe{position:fixed;top:0;right:0;bottom:0;left:0}.caps,.f-title,.kicker,#stats,#hint,#timelabel,.chip,#topnav button,#topnav a,#timebar button,.lbl,.near h4,.n-meta,.f-head,.hit-meta{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-weight:500}#masthead{position:fixed;top:26px;left:34px;z-index:10;pointer-events:none}#masthead a{color:var(--ink);pointer-events:auto;text-decoration:none}#masthead h1{font-size:2rem;font-weight:500;letter-spacing:.02em;font-variant:small-caps;line-height:1}.tagline{margin-top:6px;font-size:1rem;font-style:italic;color:var(--ink-2)}.stats{margin-top:10px;font-size:.72rem;color:var(--ink-3)}#topnav{position:fixed;top:28px;right:30px;z-index:25;display:flex;gap:6px}#topnav button,#topnav a{background:var(--paper-2);border:1px solid var(--rule-strong);color:var(--ink-2);font-size:.74rem;padding:6px 14px;cursor:pointer;line-height:normal;transition:all .12s}#topnav button:hover,#topnav a:hover{color:var(--paper);background:var(--ink);border-color:var(--ink);text-decoration:none}#filters-btn{display:none}#filters{position:fixed;left:34px;top:136px;z-index:10;width:232px;background:#ece3cfeb;border:1px solid var(--rule);padding:14px 16px 16px}.f-head{font-size:.72rem;color:var(--ink-3);display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.f-title{font-size:.66rem;color:var(--ink-3);margin:14px 0 6px;padding-top:10px;border-top:1px solid var(--rule)}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips.eras{flex-direction:column;gap:3px}.chip{border:1px solid var(--rule-strong);background:transparent;color:var(--ink-2);font-size:.7rem;padding:3px 9px;cursor:pointer;transition:all .12s;text-align:left}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip.wide{width:100%;text-align:center;padding:6px}.era-chip{border:none;padding:2px 0;display:flex;align-items:center;gap:8px;letter-spacing:.06em;text-transform:none;font-size:.86rem;font-family:var(--serif)}.era-chip i{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(42,36,30,.3)}.era-chip.dim{opacity:.35}.era-chip.dim i{background:var(--paper-3)!important}.combo{position:relative}.combo input,#country-select{width:100%;background:var(--paper);border:1px solid var(--rule-strong);padding:6px 28px 6px 9px;font-size:.92rem;outline:none}#country-select{padding-right:9px}.combo input:focus,#country-select:focus{border-color:var(--ink)}.combo .x{position:absolute;right:4px;top:3px;border:none;background:none;font-size:1.15rem;cursor:pointer;color:var(--ink-3)}.war-list{position:absolute;left:0;right:0;top:100%;z-index:5;background:var(--paper);border:1px solid var(--rule-strong);border-top:none;max-height:300px;overflow-y:auto}.war-opt{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--rule);padding:6px 9px;cursor:pointer;font-size:.9rem;line-height:1.3}.war-opt:hover{background:var(--paper-3)}.war-opt span{color:var(--ink-3);font-size:.8rem}.war-opt em{float:right;font-style:normal;color:var(--ink-3);font-size:.8rem}.linklike{background:none;border:none;color:var(--link);cursor:pointer;font:inherit;padding:0;text-decoration:underline;text-decoration-color:var(--rule-strong)}.linklike:hover{color:var(--accent)}#timebar{position:fixed;bottom:22px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:14px;width:min(640px,86vw);background:#ece3cfeb;border:1px solid var(--rule);padding:9px 16px}#timebar button{background:none;border:1px solid var(--rule-strong);color:var(--ink-2);font-size:.68rem;padding:5px 10px;cursor:pointer;flex-shrink:0}#timebar button:hover{color:var(--ink);border-color:var(--ink)}#timebar button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}#timelabel{font-size:.72rem;color:var(--ink);min-width:120px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.08em}.range{position:relative;flex:1;height:28px}.range .track{position:absolute;left:0;right:0;top:13px;height:2px;background:var(--rule-strong)}.range .fill{position:absolute;top:11px;height:6px;background:var(--accent);pointer-events:none}.range input[type=range]{position:absolute;left:0;width:100%;top:0;height:28px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.range input[type=range]::-webkit-slider-runnable-track{background:none}.range input[type=range]::-moz-range-track{background:none}.range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;cursor:ew-resize;width:14px;height:14px;margin-top:7px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}.range input[type=range]::-moz-range-thumb{pointer-events:auto;cursor:ew-resize;width:11px;height:11px;border-radius:50%;background:var(--paper);border:2px solid var(--ink)}#hint{position:fixed;bottom:86px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;font-size:.68rem;color:var(--ink-3);transition:opacity 1.2s}#tooltip{position:fixed;z-index:20;pointer-events:none;max-width:280px;background:var(--paper);border:1px solid var(--ink);padding:6px 10px;font-size:.92rem;line-height:1.3;box-shadow:2px 2px 0 var(--rule)}#tooltip .tt-name{display:block;font-weight:500}#tooltip .tt-year{display:block;font-size:.8rem;color:var(--ink-2);font-style:italic}#card{position:fixed;top:0;right:0;height:100%;width:min(440px,94vw);z-index:30;background:var(--paper);border-left:1px solid var(--rule-strong);display:flex;flex-direction:column;animation:slidein .22s ease-out}@keyframes slidein{0%{transform:translate(30px);opacity:0}}#card-close{position:absolute;top:8px;right:14px;background:none;border:none;color:var(--ink-3);font-size:1.7rem;cursor:pointer}#card-close:hover{color:var(--ink)}#card-body{overflow-y:auto;padding:34px 30px 44px}.kicker{font-size:.66rem;color:var(--accent);margin-bottom:6px}.kicker .sep{color:var(--rule-strong);margin:0 2px}#card-body h2{font-size:1.65rem;font-weight:500;line-height:1.12;margin-bottom:8px}.card-line{font-size:.98rem;color:var(--ink-2);line-height:1.45;margin-bottom:4px}.card-line .lbl{font-size:.62rem;color:var(--ink-3);margin-right:6px}.card-blurb{margin-top:10px;font-style:italic;color:var(--ink-2);line-height:1.5}.card-wait{margin-top:40vh;text-align:center;font-style:italic;color:var(--ink-3)}table.facts{width:100%;border-collapse:collapse;margin:16px 0 6px;font-size:.88rem;line-height:1.4;border-top:1px solid var(--rule-strong)}table.facts th,table.facts td{padding:6px 6px 6px 0;border-bottom:1px solid var(--rule);vertical-align:top;text-align:left}table.facts th{font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-weight:500;font-size:.62rem;color:var(--ink-3);width:26%;padding-top:9px}table.facts td{width:37%;color:var(--ink)}table.facts tr.sides td{font-weight:500}.card-actions{margin:16px 0 6px}.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:8px 16px;font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.btn:hover{background:var(--accent);text-decoration:none}.near{margin-top:20px;border-top:1px solid var(--rule-strong);padding-top:10px}.near h4{font-size:.62rem;color:var(--ink-3);margin-bottom:6px}.near-item{display:flex;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--rule);padding:6px 0;cursor:pointer;font-size:.92rem;line-height:1.3}.near-item:hover span:first-child{color:var(--accent);text-decoration:underline}.near-meta{color:var(--ink-3);font-size:.8rem;white-space:nowrap}.card-source{margin-top:22px;padding-top:10px;border-top:1px solid var(--rule);font-size:.76rem;color:var(--ink-3);line-height:1.5}.overlay-close{position:absolute;top:12px;right:20px;z-index:5;background:none;border:none;color:var(--ink-3);font-size:1.9rem;cursor:pointer}.overlay-close:hover{color:var(--ink)}.doc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;overflow-y:auto;background:#f3ecdcf7}.doc-body{max-width:660px;margin:0 auto;padding:56px 24px 80px}.doc-body h2{font-size:1.9rem;font-weight:500;font-variant:small-caps;margin-bottom:14px;border-bottom:1px solid var(--ink);padding-bottom:8px}.doc-body h3{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-weight:500;font-size:.72rem;color:var(--accent);margin:28px 0 6px}.doc-body p,.doc-body li{font-size:1.02rem;color:var(--ink);line-height:1.6;margin-bottom:10px}.doc-body ul{padding-left:20px}.doc-body .note{font-style:italic;color:var(--ink-2)}.notable-item{display:block;width:100%;text-align:left;cursor:pointer;background:none;border:1px solid var(--rule);padding:12px 16px;margin-top:10px;transition:border-color .12s}.notable-item:hover{border-color:var(--ink)}.notable-item h4{font-size:1.15rem;font-weight:500;margin-bottom:2px}.notable-item .n-meta{font-size:.64rem;color:var(--ink-3);margin-bottom:4px}.notable-item p{font-size:.92rem;color:var(--ink-2);line-height:1.45;margin:0}#search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#f3ecdcf5}#search-box{max-width:620px;margin:10vh auto 0;padding:0 20px}#search-input{width:100%;font-size:1.2rem;padding:12px 16px;background:var(--paper);border:1px solid var(--ink);outline:none}#search-results{margin-top:12px;max-height:68vh;overflow-y:auto}.search-hit{padding:10px 14px;border:1px solid var(--rule);margin-bottom:6px;cursor:pointer;background:var(--paper)}.search-hit:hover{border-color:var(--ink)}.search-hit .hit-meta{font-size:.64rem;color:var(--accent);margin-bottom:3px}.search-hit .hit-excerpt{font-size:.92rem;color:var(--ink-2);line-height:1.45}.search-hit .hit-excerpt mark{background:none;color:var(--ink);font-weight:600}.note{color:var(--ink-2);font-style:italic}#credits{position:fixed;bottom:14px;left:34px;z-index:10;font-size:.78rem;color:var(--ink-3)}#credits a{color:var(--ink-2)}#read-links{position:fixed;bottom:14px;right:30px;z-index:10;text-align:right;max-width:calc(50vw - 350px);font-size:.78rem;line-height:1.5;color:var(--ink-3)}#read-links a{color:var(--ink-2)}@media(max-width:1100px){#read-links{display:none}}@media(max-width:760px){#filters-btn{display:block}#filters{display:none;left:0;right:0;top:auto;bottom:0;width:auto;max-height:60vh;overflow-y:auto;z-index:35;padding-bottom:calc(16px + env(safe-area-inset-bottom))}#filters.mobile-open{display:block}#masthead{top:14px;left:16px}#masthead h1{font-size:1.3rem}.tagline{font-size:.8rem}.stats{font-size:.62rem}#topnav{top:82px;left:16px;right:auto;gap:4px;flex-wrap:wrap}#topnav button,#topnav a{padding:4px 9px;font-size:.64rem}#hint,#credits{display:none}#timebar{bottom:10px;padding:6px 10px;width:96vw;gap:8px}#timelabel{min-width:84px;font-size:.62rem}#card{width:100vw;border-left:none}.doc-body{padding:48px 16px 60px}}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.glabel{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--serif);color:var(--ink);line-height:1.4;padding:0 3px;text-shadow:0 0 2px var(--paper),0 0 4px var(--paper),1px 1px 0 var(--paper),-1px -1px 0 var(--paper),1px -1px 0 var(--paper),-1px 1px 0 var(--paper)}.glabel[data-tier="3"]{font-variant:small-caps;letter-spacing:.04em;font-weight:600}.glabel[data-tier="1"]{color:var(--ink-2);font-style:italic}.card-img{margin:12px 0 4px}.card-img img{width:100%;height:auto;display:block;border:1px solid var(--ink);background:var(--paper-2)}.card-img figcaption{font-size:.72rem;color:var(--ink-3);margin-top:4px;font-style:italic}.card-era{height:4px;background:var(--era, var(--accent));margin:-34px -30px 18px}#card-body .kicker{display:flex;align-items:center;gap:7px}#card-body .era-dot{width:9px;height:9px;border-radius:50%;display:inline-block;border:1px solid rgba(42,36,30,.35)}#card-body .lbl{font-family:var(--cond);text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;color:var(--ink-3)}.card-img{margin:12px 0 10px;padding:7px;background:var(--paper-2);border:1px solid var(--ink);box-shadow:inset 0 0 0 3px var(--paper-2),inset 0 0 0 4px var(--rule-strong)}.card-img img{width:100%;height:auto;display:block}.card-img figcaption{font-size:.7rem;color:var(--ink-3);margin-top:6px;font-style:italic}.card-img figcaption a{color:var(--ink-3)}#card-body .tiles{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule-strong);border:1px solid var(--rule-strong);margin:10px 0 12px}#card-body .tile{background:var(--paper);padding:8px 10px;display:flex;flex-direction:column;gap:2px;border-top:3px solid var(--era, var(--accent));min-height:64px}#card-body .tile b{font-weight:500;font-size:.95rem;line-height:1.3}#card-body .tile small{color:var(--ink-3);font-size:.76rem}#card-body .tile.two{grid-column:span 2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:8px}#card-body .tile.two .lbl{grid-column:1 / -1}#card-body .tile.two b:last-child{text-align:right}#card-body .tile .vs{font-style:italic;color:var(--ink-3);font-family:var(--cond);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}#card-tl{margin:6px 0 10px}.card-tl{width:100%;height:auto;display:block;background:var(--paper-2);border:1px solid var(--rule)}.card-tl line[data-o]{cursor:pointer}.card-tl line[data-o]:hover{stroke:var(--accent);stroke-width:2.5}.card-tl-cap{font-size:.72rem;color:var(--ink-3);font-style:italic;margin:4px 0 0}.card-people{margin:8px 0 6px}.card-people ul{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}.card-people li{display:flex;align-items:center;gap:6px;font-size:.92rem}.card-sides{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.card-sides ul{flex-direction:column;gap:5px}.card-sides ul+ul{border-left:1px solid var(--rule);padding-left:12px}.portrait{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--rule-strong);background:var(--paper-3);display:inline-block;flex-shrink:0}.card-sky{display:flex;gap:12px;align-items:flex-start;margin:10px 0 6px;padding:10px 12px;border:1px solid var(--rule);background:var(--paper-2)}.card-sky svg{flex-shrink:0;margin-top:2px}.card-sky p{margin:2px 0 0;font-size:.9rem;line-height:1.4}:root{--link: #2b5d8f;--era-strip: linear-gradient(90deg, #a8701c 0 12.5%, #b03a52 0 25%, #2f6fae 0 37.5%, #5f8f2a 0 50%, #6a5fa6 0 62.5%, #c4552a 0 75%, #0a9484 0 87.5%, #9a62b8 0)}#masthead h1{display:inline-block;padding-bottom:6px;background:var(--era-strip) no-repeat left bottom / 100% 3px}#card-body .tile{background:color-mix(in srgb,var(--era, var(--accent)) 9%,var(--paper))}#card-body .tile .lbl{color:color-mix(in srgb,var(--era, var(--accent)) 70%,var(--ink))}#card-body .kicker{color:var(--era, var(--accent))}.card-img{box-shadow:inset 0 0 0 3px var(--paper-2),inset 0 0 0 4px color-mix(in srgb,var(--era, var(--accent)) 60%,var(--rule-strong))}#filters,#timebar{border-top:3px solid transparent;border-image:var(--era-strip) 1}.chip.active,#timebar button.active{background:var(--accent);border-color:var(--accent)}.range .fill{background:var(--era-strip);height:6px}