: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}}
