:root{color-scheme:dark;--bg:#111a16;--panel:#18221c;--line:#344039;--text:#ecebdf;--muted:#a9b2a7;--gold:#cfb885;--teal:#95cfb4;--rust:#e8a38a;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--sans)}button,input,select{font:inherit}button,a,summary,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0;cursor:pointer}button:disabled{opacity:.32;cursor:default}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover:not(:disabled),a:hover{color:#fff}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.12}h3{font-size:12px;font-weight:650;letter-spacing:.065em}p{line-height:1.7}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button svg{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{min-height:100svh;background:var(--bg)}.topbar{height:85px;padding:0 29px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:20}.brand{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:11px;flex-shrink:0}.brand>span{font-family:var(--serif);font-size:25px;letter-spacing:.09em;line-height:1}.brand em{font-family:var(--serif);font-size:26px;font-style:normal;color:var(--gold)}.brand small{grid-column:1/3;font-size:9px;text-transform:uppercase;letter-spacing:.27em;color:var(--muted);margin-top:6px}#nav{display:flex;height:100%;align-items:stretch;gap:26px;margin-left:auto}#nav button{position:relative;padding:3px 0 0;font-size:13px;color:var(--muted);white-space:nowrap}#nav button.active{color:var(--text)}#nav button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.language-switch{display:flex;gap:1px;align-items:center;border-left:1px solid var(--line);padding-left:19px}.language-switch button{font-size:11px;letter-spacing:.05em;padding:6px;min-width:29px;color:var(--muted)}.language-switch button.active{color:var(--gold);background:#2d3328;border-radius:3px}.map-heading{height:83px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;gap:25px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.map-heading h1{font-size:28px;margin-top:4px}.heading-note{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:11px;color:var(--muted)}.evidence-tag{display:inline-flex;align-items:center;gap:7px;font-size:10px;line-height:1.4;letter-spacing:.025em;color:#c2c8b9}.evidence-tag i{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}.evidence-tag.known i{background:var(--teal)}.evidence-tag.reported i{background:#b2b68c}.evidence-tag.uncertain i{background:var(--rust)}.evidence-tag.current i{background:#8db7c4}.workbench{display:grid;grid-template-columns:211px minmax(0,1fr) 306px;height:calc(100svh - 375px);min-height:510px;margin:0 20px;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:var(--panel)}.army-list{padding:15px 8px;overflow-y:auto;scrollbar-width:thin;border-right:1px solid var(--line)}.list-heading{font-size:11px;font-weight:650;letter-spacing:.035em;margin:6px 9px 8px;display:flex;align-items:center;gap:8px}.list-heading:not(:first-child){margin-top:23px}.timur{color:var(--teal)}.ottoman{color:var(--rust)}.list-heading i,.troop-dot{display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}.army-row{display:flex;align-items:center;width:100%;gap:10px;padding:10px 10px;font-size:11px;line-height:1.3;text-align:left;border-radius:3px;min-height:36px}.army-row:hover,.army-row.chosen{background:#2a362c}.army-row.chosen{box-shadow:inset 2px 0 var(--gold)}.army-row>svg{width:12px;margin-left:auto;opacity:.6}.troop-symbol{font:10px monospace;width:27px;height:29px;border:1px solid currentColor;display:grid;place-items:center;flex-shrink:0}.legend-inline{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:10px;margin:22px 10px 10px}.legend-inline i{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}.side-note{padding:0 10px}.small{font-size:11px;line-height:1.6}.muted{color:var(--muted)}.stage-wrap{position:relative;min-width:0;overflow:hidden;background:#18221e}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.stage-toolbar{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:flex-start;gap:7px;z-index:5}.view-buttons{display:flex;background:#111a16e8;border:1px solid #4c5741;border-radius:4px;backdrop-filter:blur(10px);overflow:hidden}.view-buttons button{font-size:10px;padding:9px 11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.view-buttons button+button{border-left:1px solid var(--line)}.view-buttons .side-view{display:none}.layer-menu{margin-left:auto;position:relative}.layer-menu summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;font-size:10px;padding:9px 11px;border:1px solid #4c5741;border-radius:4px;background:#111a16e8}.layer-menu summary::-webkit-details-marker{display:none}.layer-menu[open] summary{background:#3b4536}.layer-content{position:absolute;right:0;top:44px;background:#1a241e;border:1px solid #4d5944;box-shadow:0 15px 40px #0007;width:278px;max-height:calc(100svh - 340px);overflow-y:auto;border-radius:5px;padding:19px}.layer-content h3{font-size:13px;margin-bottom:15px}.check-row{display:flex;align-items:center;justify-content:space-between;margin:11px 0;font-size:12px;gap:10px}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;cursor:pointer}.field{display:flex;flex-direction:column;gap:7px;margin:17px 0 10px;font-size:11px}.field select{width:100%;font-size:11px}.square-button,.glass-button{background:#111a16e8;border:1px solid #4c5741;border-radius:4px;padding:9px;display:flex;gap:8px;align-items:center;font-size:11px}.glass-button{padding:10px 12px}.full{width:38px;height:38px}.stage-bottom{position:absolute;bottom:13px;left:17px;right:17px;display:flex;flex-direction:column;align-items:center;gap:5px;pointer-events:none;color:#e4e7d9;text-align:center;font-size:9px;text-shadow:0 1px 4px #000;background:linear-gradient(transparent,#18221e99);padding:8px}.stage-bottom span:last-child{color:#c5cdbd;font-size:9px;max-width:580px}.compass{position:absolute;right:17px;bottom:77px;width:39px;height:39px;border:1px solid #bac8a657;border-radius:50%;display:grid;place-items:center;background:#17211bae;font:12px var(--serif);color:var(--gold);pointer-events:none}.compass span{display:block;transform-origin:center}.map-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.unit-label{position:absolute;left:0;top:0;pointer-events:auto;font-size:9px;font-weight:550;line-height:1.3;white-space:nowrap;border:1px solid currentColor;border-radius:2px;background:#13221be8;padding:4px 7px;box-shadow:0 2px 8px #0004;transition:background .15s}.unit-label.ottoman{background:#2e231ceb}.unit-label.defected{color:var(--gold);background:#363121eb}.unit-label.selected{background:#e7ddba;color:#20261b;z-index:2;border-color:#fff3c4}.hide-units .unit-label{display:none}.place-label{position:absolute;top:0;left:0;font:11px var(--serif);letter-spacing:.16em;color:#fff4d2;text-shadow:0 1px 4px #000;pointer-events:none}.place-label:last-child{font-size:19px;opacity:.58;letter-spacing:.5em}.detail-panel{border-left:1px solid var(--line);padding:24px 24px 20px;overflow-y:auto;scrollbar-width:thin}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.detail-top b{color:var(--gold);font-weight:400;font-size:14px;margin:0 3px 0 7px}.thin-line{flex:1;height:1px;background:var(--line)}.detail-panel h2{font-size:29px;line-height:1.15;margin-bottom:15px;overflow-wrap:anywhere}.detail-panel p{font-size:12px;line-height:1.8;color:#cad0c3;margin-top:10px}.detail-panel .phase-description{font-size:13px;margin:19px 0 12px}.detail-panel h3{margin-top:20px;margin-bottom:7px;color:#e0dfca;font-size:10px}.references{font-size:11px;white-space:normal;color:var(--gold);display:inline-flex;gap:4px;flex-wrap:wrap;line-height:1.5}.references a{padding:2px;min-width:16px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cbb47c55}.references a:hover{background:#776d3330}.phase-pager{display:flex;gap:8px;justify-content:space-between;margin:24px 0}.phase-pager button{font-size:9px;padding:9px;flex:1;gap:5px}.phase-pager svg{width:13px}.evidence-box{border-top:1px solid var(--line);margin-top:22px;padding-top:7px}.evidence-box h3{margin-top:10px}.evidence-box p{font-size:11px;color:var(--muted)}.map-data{margin-top:24px;color:#8f9c8e;line-height:1.8}.primary,.secondary{border-radius:3px;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1.3;font-size:12px}.primary{background:var(--gold);color:#1d261b;font-weight:600;border:1px solid var(--gold)}.primary:hover:not(:disabled){background:#e8d19a;color:#111}.secondary{border:1px solid #505c4a;color:#d6dccb;background:#202b22}.secondary:hover:not(:disabled){background:#34412d}.text-link{display:flex;gap:9px;align-items:center;color:var(--gold);font-size:11px;text-align:left;padding:12px 0;line-height:1.5}.text-link svg{width:14px}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:3px}.icon-button:hover{background:#394230}.timeline{padding:18px 30px 20px}.transport{display:flex;align-items:center;gap:13px;margin-bottom:15px}.play-button{min-width:215px}.play-button svg{width:17px}.timeline-label{font-size:12px;color:var(--text);margin-left:10px}.timeline-note{font-size:10px;color:var(--muted);margin-left:auto;max-width:330px;text-align:right}select{border:1px solid #46513e;border-radius:3px;background:#1d281f;color:var(--text);padding:8px 10px;font-size:12px;max-width:100%;outline-offset:2px}#speed{font-size:11px}.timeline-track{padding:0 4px}input[type=range]{appearance:none;width:100%;height:3px;background:linear-gradient(to right,#ccb681,#6b7457);cursor:pointer;display:block;margin:11px 0 10px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid #e8d39b;border-radius:50%;background:#252e20;box-shadow:0 0 0 4px #cdb68018}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--gold);border-radius:50%;background:#252e20}.phase-stops{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:14px}.phase-stops button{text-align:left;display:flex;gap:8px;align-items:baseline;padding:0;color:#98a38e;min-height:29px}.phase-stops span{font:11px var(--serif);color:#788471}.phase-stops b{font-size:10px;font-weight:400;line-height:1.3}.phase-stops button.active,.phase-stops button.active span{color:var(--gold)}.phase-stops button.active b{font-weight:650}.commander{border-left:2px solid #657658;padding-left:12px;margin:18px 0}.commander span{display:block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.commander strong{font-size:12px;font-weight:500;line-height:1.5;display:block}.unit-actions{display:flex;flex-direction:column;gap:8px}.unit-actions .secondary{font-size:10px;padding:9px}#exhibit-tools{position:absolute;bottom:81px;left:20px;right:20px;display:flex;align-items:center;flex-direction:column;gap:12px}.part-buttons{display:flex;gap:2px;border:1px solid #4c5741;border-radius:4px;background:#142019e8;padding:3px}.part-buttons button{font-size:11px;padding:8px 12px;border-radius:2px}.part-buttons button.active{background:#485039;color:#f3e1b8}.rotate-check{font-size:10px;display:flex;gap:7px;align-items:center;color:var(--muted)}.museum-mode .workbench{height:calc(100svh - 230px);min-height:570px}.museum-mode .heading-note>span:last-child{display:none}.museum-mode .stage-bottom{bottom:16px}.museum-mode .army-row{margin-bottom:9px;padding-top:14px;padding-bottom:14px}.mobile-unit{display:none}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#17211cf5;gap:18px;z-index:10;padding:30px;text-align:center;color:var(--gold);font-size:12px}.loader-ring{display:block;width:33px;height:33px;border:1px solid #b3ad8155;border-top:1px solid var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading.load-error p{max-width:430px;color:var(--text)}#loading.load-error svg{width:25px;height:25px}#footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 29px;font-size:9px;letter-spacing:.04em;color:#97a18f}#footer button{display:flex;align-items:center;gap:12px;font-size:10px}#footer svg{width:13px}#reader{max-width:1250px;margin:auto;padding:55px 44px 70px}.reading .topbar{position:sticky;top:0}.reader-heading{border-bottom:1px solid var(--line);padding-bottom:35px;margin-bottom:34px}.reader-heading h1{font-size:clamp(33px,3.5vw,51px);max-width:840px;line-height:1.18;margin:15px 0 23px}.reader-heading p{max-width:760px;color:var(--muted);font-size:14px;margin-bottom:25px}.download{font-size:11px;padding:11px 15px}.research-layout{display:grid;grid-template-columns:226px minmax(0,1fr);gap:61px}.toc{position:sticky;top:112px;align-self:start;max-height:calc(100svh - 140px);overflow-y:auto;scrollbar-width:thin}.toc h3{font-size:10px;color:var(--gold);margin-bottom:20px}.toc a{display:flex;gap:13px;font-size:11px;line-height:1.5;padding:7px 0;color:var(--muted)}.toc a small{font:12px var(--serif);color:#72806b}.research-body>section{border-bottom:1px solid var(--line);padding:0 0 36px;margin-bottom:34px;scroll-margin-top:118px}.chapter-number{font:14px var(--serif);color:var(--gold);margin-right:14px}.research-body h2{font-size:32px;margin:16px 0 23px}.research-body p{font-size:15px;line-height:1.9;color:#d1d6c9;margin-bottom:18px}.section-citations{font-size:10px;color:var(--muted);margin-top:17px}.museum-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0 5px}.museum-grid figure{margin:0;min-width:0}.museum-grid img{width:100%;height:280px;object-fit:contain;background:#f9f9f9;border-radius:3px}.museum-grid figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.museum-grid small{font-size:9px;display:block;margin-top:7px}.research-phase{display:grid;grid-template-columns:25px 1fr;gap:18px;margin:27px 0}.research-phase>span{font:21px var(--serif);color:var(--gold);line-height:1.5}.research-phase h3{font-size:17px;letter-spacing:0;font-weight:500;margin-bottom:9px}.source-tools{display:flex;align-items:center;gap:14px;margin-bottom:20px}.source-tools label:first-child{flex:1;max-width:520px}.source-tools input{width:100%;padding:12px 15px;background:#1c271f;border:1px solid #46513e;border-radius:3px;font-size:12px;color:var(--text)}.source-tools>span{font-size:11px;color:var(--muted);margin-left:auto}.source-card{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.source-number{font:20px var(--serif);color:var(--gold);padding-top:3px}.source-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;color:var(--muted)}.status{display:inline-block;font-size:9px;padding:3px 7px;background:#293728;color:#bdceae}.status.bibliography{color:#d3b99a;background:#302d22}.source-card h2{font-family:var(--sans);font-size:18px;line-height:1.5;margin:8px 0}.source-card p{font-size:13px;color:#b5c0ad;line-height:1.8}.source-card .source-author{font-size:11px;color:#90a089;margin-bottom:9px}.asset-links{display:flex;flex-direction:column;gap:10px;margin:20px 0}.asset-links a{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gold)}.credit-section{margin-top:45px;max-width:820px}.credit-section h2{font-size:30px;margin:20px 0}.credit-section p{font-size:13px;color:var(--muted);margin-top:15px}.credit-section a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1550px){.workbench{grid-template-columns:230px minmax(0,1fr) 345px}.view-buttons .side-view{display:flex}.detail-panel{padding:29px}.detail-panel p{font-size:13px}.army-row{font-size:12px}.unit-label{font-size:10px}.detail-panel h2{font-size:33px}.workbench{min-height:540px}.timeline{padding-left:36px;padding-right:36px}}
@media(max-width:1150px){.topbar{gap:23px;padding:0 22px}#nav{gap:18px}#nav button{font-size:11px}.language-switch{padding-left:13px}.brand>span{font-size:22px}.brand em{font-size:23px}.workbench{grid-template-columns:175px minmax(0,1fr) 268px;margin:0 15px}.army-row{font-size:10px;padding:9px 7px}.list-heading{font-size:10px;margin-left:7px}.detail-panel{padding:20px}.detail-panel h2{font-size:26px}.detail-panel .phase-description{font-size:12px}.view-buttons button{padding:9px}.view-buttons button:first-child span{display:none}.layer-menu summary>span{display:none}.timeline-note{max-width:250px}.timeline-label{font-size:11px}.map-heading{padding:0 23px}.phase-stops b{font-size:9px}.timeline{padding-left:23px;padding-right:23px}}
@media(max-width:900px){.topbar{height:auto;min-height:105px;flex-wrap:wrap;gap:0;padding:17px 20px 0}.brand{margin-right:auto}.language-switch{border-left:0}.topbar #nav{width:100%;height:42px;justify-content:space-between;margin-left:0;gap:12px}#nav button{font-size:11px}.map-heading{height:82px;padding:0 19px}.heading-note{max-width:320px;font-size:9px}.heading-note .evidence-tag{font-size:9px}.map-heading h1{font-size:25px}.workbench{grid-template-columns:minmax(0,1fr) 270px;height:calc(100svh - 376px);min-height:490px}.army-list{display:none}.mobile-unit{display:block;position:absolute;top:66px;left:14px;right:14px;z-index:3}.mobile-unit select{max-width:100%;width:100%;font-size:10px;background:#152119e8;padding:9px 10px}.view-buttons button:first-child span{display:block}.stage-toolbar{gap:6px}.timeline-label{display:none}.timeline-note{max-width:400px;font-size:9px}.workbench .detail-panel{padding:20px}.research-layout{grid-template-columns:1fr;gap:25px}.toc{position:static;display:flex;flex-wrap:wrap;max-height:none;gap:0 18px;padding-bottom:22px;border-bottom:1px solid var(--line)}.toc h3{width:100%;margin-bottom:10px}.toc a{font-size:10px;max-width:46%}.toc small{display:none}#reader{padding:35px 30px}.museum-mode .army-list{display:flex;grid-column:1/-1;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid var(--line);padding:7px;gap:5px}.museum-mode .army-list .list-heading,.museum-mode .side-note{display:none}.museum-mode .army-row{min-width:140px;max-width:190px;margin:0;padding:9px;font-size:10px}.museum-mode .army-row svg{display:none}.museum-mode .workbench{grid-template-rows:66px minmax(0,1fr);min-height:650px;height:calc(100svh - 249px)}}
@media(max-width:640px){body{font-size:14px}.topbar{padding:14px 15px 0;min-height:99px}.brand>span{font-size:21px}.brand em{font-size:22px}.brand small{font-size:8px}.language-switch{padding-left:0}.language-switch button{font-size:10px;min-width:26px;padding:5px}#nav button{font-size:10px}.topbar #nav{gap:9px;height:42px;overflow-x:auto}.map-heading{height:auto;min-height:94px;padding:14px 15px;gap:12px;align-items:flex-start}.map-heading h1{font-size:25px}.eyebrow{font-size:8px}.heading-note{max-width:155px;gap:6px}.heading-note>span:last-child{font-size:8px;line-height:1.5}.heading-note .evidence-tag{font-size:8px}.workbench{display:flex;flex-direction:column;margin:0 9px;height:auto;min-height:0}.stage-wrap{height:65svh;min-height:405px;max-height:650px}.detail-panel{max-height:none;border-left:0;border-top:1px solid var(--line)}.workbench .detail-panel{padding:24px}.detail-panel h2{font-size:29px;max-width:400px}.detail-panel .phase-description,.detail-panel p{font-size:13px}.detail-panel .detail-top{margin-bottom:13px}.detail-panel .evidence-box{display:none}.detail-panel .map-data{display:none}.phase-pager{margin:22px 0 0}.phase-pager button{font-size:10px}.detail-panel .commander{margin:13px 0}.detail-panel .unit-actions{flex-direction:row}.unit-actions button{font-size:10px;flex:1}.stage-bottom{font-size:8px;left:9px;right:9px;bottom:8px}.stage-bottom span:last-child{font-size:8px;max-width:360px}.unit-label{font-size:8px;padding:3px 5px;max-width:155px;white-space:normal;text-align:center}.place-label{font-size:9px}.place-label:last-child{font-size:15px}.compass{bottom:74px;right:12px;width:30px;height:30px;font-size:10px}.timeline{position:sticky;bottom:0;z-index:11;padding:11px 15px 14px;background:#121d17fa;border-top:1px solid #48553d;box-shadow:0 -8px 25px #0002;backdrop-filter:blur(10px)}.transport{gap:8px;margin-bottom:12px}.play-button{min-width:0;font-size:11px;padding:9px 12px}.play-button svg{width:15px}.timeline-note{font-size:8px;max-width:150px}.timeline .icon-button{width:25px}.timeline #speed{padding:6px;font-size:10px}.timeline-track{padding:0}.phase-stops{gap:5px;margin-top:10px}.phase-stops button{display:flex;flex-direction:column;gap:4px;min-height:31px}.phase-stops span{font-size:10px}.phase-stops b{font-size:7px;font-weight:400;line-height:1.25}.timeline input[type=range]{margin:8px 0}#footer{padding:16px;font-size:8px;gap:15px}#footer button{font-size:9px;gap:5px}.layer-content{width:273px;right:-37px;max-height:355px;padding:16px}.museum-mode .workbench{display:flex;min-height:0;height:auto}.museum-mode .stage-wrap{height:65svh;min-height:430px}.museum-mode .army-list{min-height:68px;max-height:90px;flex-shrink:0}.museum-mode .army-row{min-width:130px;max-width:165px;flex-shrink:0;line-height:1.3}.museum-mode #exhibit-tools{bottom:85px;left:10px;right:10px}.part-buttons button{font-size:10px;padding:8px}.museum-mode .detail-panel .evidence-box{display:block}.museum-mode .heading-note{max-width:135px}.source-tools{flex-wrap:wrap}.source-tools>span{width:100%;margin:0;font-size:10px}.source-tools label:first-child{min-width:65%}#reader{padding:30px 20px 50px}.reader-heading h1{font-size:35px}.reader-heading p{font-size:13px}.toc{gap:0 13px}.toc a{font-size:10px;max-width:100%;padding:5px 0}.research-body h2{font-size:28px}.research-body p{font-size:14px;line-height:1.85}.museum-grid{gap:13px}.museum-grid img{height:190px}.museum-grid figcaption{font-size:10px}.source-card{grid-template-columns:29px 1fr;gap:10px;padding:22px 0}.source-card h2{font-size:16px}.source-card p{font-size:12px}.source-card .source-author{font-size:10px}.source-number{font-size:16px}.source-meta{font-size:9px;gap:7px}.status{font-size:8px}.research-body>section{scroll-margin-top:122px}.research-phase{grid-template-columns:18px 1fr;gap:12px}.research-phase h3{font-size:16px}.asset-links a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader-ring{animation-duration:2s}*{transition:none!important}}

.exhibit-animation{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center}.gait-label{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}.gait-label select{font-size:10px;padding:5px 9px}
@media(max-width:640px){body:not(.reading):not(.museum-mode){padding-bottom:143px}.timeline{position:fixed;bottom:0;left:0;right:0}.exhibit-animation{gap:5px 14px}.gait-label{font-size:9px}}

.scale-bar{position:absolute;bottom:78px;left:20px;display:flex;flex-direction:column;gap:4px;color:#ded7b8;font-size:9px;pointer-events:none;text-shadow:0 1px 3px #000}.scale-bar i{display:block;width:80px;border:1px solid #d9d4b1;border-top:0;height:5px;max-width:210px}
/* The introductory page precedes renderer creation. */
body.intro-open{padding:0!important;background:#111a16}.intro-inner{max-width:1180px;margin:auto;padding:32px 48px 28px}.intro-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--line)}.intro-mark{font:27px var(--serif);letter-spacing:.13em;color:var(--gold)}.intro-top label{display:flex;gap:15px;align-items:center;font-size:14px;color:var(--muted)}.intro-top select{background:#1d2921;border:1px solid #465245;color:var(--text);padding:9px 12px;border-radius:4px}.intro-copy{padding:47px 0 32px;max-width:820px}.intro-copy .eyebrow{font-size:12px;letter-spacing:.16em}.intro-copy h1{font-size:clamp(62px,8vw,104px);letter-spacing:-.05em;color:#e9dfc3;margin:13px 0 20px}.intro-copy h2{font-family:var(--sans);font-size:clamp(22px,3vw,29px);font-weight:400;line-height:1.4;max-width:650px}.intro-copy p{font-size:16px;line-height:1.85;color:#b5beb0;max-width:730px;margin-top:17px}.intro-bottom{display:grid;grid-template-columns:1.7fr 1fr;gap:54px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro-disclaimer h3{font-size:16px;letter-spacing:0;margin-bottom:11px}.intro-disclaimer p{font-size:14px;line-height:1.85;color:#b8c0b4}.intro-author{display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid var(--line);padding-left:32px}.intro-author>span{font-size:12px;color:var(--muted)}.intro-author strong{font-size:19px;margin:3px 0}.intro-author small{font-size:14px;color:var(--gold);margin-bottom:18px}.intro-author b{font-size:15px;margin:5px 0 20px;font-weight:500}.social-links{display:flex;gap:18px;flex-wrap:wrap}.social-links a{display:inline-flex;align-items:center;gap:6px;font-size:12px;min-height:34px}.social-links img{width:17px;height:17px}.intro-actions{display:flex;gap:28px;align-items:center;margin-top:26px;flex-wrap:wrap}.intro-actions .primary{font-size:16px;padding:15px 25px;gap:40px}.intro-actions .text-link{font-size:14px}.intro-controls{font-size:12px!important;color:var(--muted);margin-top:21px}.intro-credits-detail{margin-top:22px;color:var(--muted);font-size:13px}.intro-credits-detail summary{cursor:pointer}.intro-credits-detail p{padding-top:14px;max-width:750px}.intro-credits-detail a{color:var(--gold);display:inline-block;margin-top:10px}.footer-actions{display:flex;gap:18px}.creator-credit{font-size:17px!important;margin:18px 0}.credit-section .social-links{margin-bottom:22px}
.camera-picker{display:flex;gap:8px;align-items:center;padding:0 9px;background:#17211dec;border:1px solid #56604c;border-radius:4px;color:#e4e0ce;min-width:0}.camera-picker span{font-size:12px}.camera-picker select{padding:9px 3px;font-size:12px;background:transparent;border:0;color:inherit;max-width:180px}.camera-picker option{background:#1d2921}.catalogue-switch{display:flex;background:#17211df2;border:1px solid #48553d;border-radius:4px;padding:3px}.catalogue-switch button{font-size:13px;padding:8px 12px;white-space:nowrap}.catalogue-switch button.active{background:#3a4435;color:var(--gold)}.full-return{width:auto!important;display:flex;gap:7px;padding:0 12px!important;font-size:12px}.table-scroll{overflow-x:auto;margin:22px 0}.history-table{width:100%;border-collapse:collapse;font-size:13px;min-width:630px;line-height:1.65}.history-table td,.history-table th{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.history-table th{font-weight:500;color:#d7c8a4}.history-table thead th{background:#243026}.history-table tbody th{width:19%}.history-table td{color:var(--muted)}.research-body h3{margin:20px 0 9px;font-size:16px;letter-spacing:0}.detail-panel>p{margin-top:17px;font-size:14px;line-height:1.8}.detail-panel h3{font-size:13px;letter-spacing:0}.detail-panel .evidence-box p{font-size:12px}.detail-panel .text-link{font-size:12px;margin-top:18px}.combat-mode .workbench{height:calc(100svh - 330px);min-height:520px}.combat-action{font-size:14px;color:var(--gold)}#combat-scrub{width:100%;accent-color:var(--gold)}#live-narration{position:absolute;left:16px;right:16px;bottom:43px;display:flex;gap:12px;align-items:flex-start;background:#15211deb;border:1px solid #53604b;border-radius:5px;padding:12px 14px;pointer-events:auto;max-width:760px;margin:auto}.narration-phase{font:17px var(--serif);color:var(--gold);white-space:nowrap;padding-top:2px}#live-narration strong{font-size:13px;font-weight:550}#live-narration p{font-size:12px;color:#c0c8b9;line-height:1.55;margin-top:4px}#live-narration>button{margin-left:auto;padding:2px;flex-shrink:0}.scale-bar{bottom:167px}.compass{bottom:164px}.mobile-unit{bottom:204px}#phase-dialog{color:var(--text);background:#17231b;border:1px solid #506044;border-radius:7px;max-width:850px;width:calc(100% - 24px);max-height:90dvh;padding:28px 32px}#phase-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--gold);font-size:13px}#phase-dialog h2{font-size:32px;margin:0 0 20px}#phase-dialog h3{font-size:17px;margin:24px 0 9px;letter-spacing:0}#phase-dialog p{font-size:15px;line-height:1.85;margin-top:12px}#phase-dialog .references{font-size:12px}
body.stage-full{overflow:hidden;padding:0!important}.stage-full #app{position:fixed;inset:0;z-index:80;min-height:0;height:100dvh}.stage-full .topbar,.stage-full .map-heading,.stage-full .army-list,.stage-full .detail-panel,.stage-full #footer{display:none!important}.stage-full #workspace{height:100%;padding:0}.stage-full .workbench{display:block;margin:0;height:calc(100dvh - 137px - env(safe-area-inset-bottom));min-height:0;border:0;border-radius:0}.stage-full .stage-wrap{height:100%!important;min-height:0!important}.stage-full #scene{height:100%}.stage-full .timeline{position:absolute;bottom:0;left:0;right:0;margin:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));height:calc(137px + env(safe-area-inset-bottom));background:#121c17;z-index:25}.stage-full.museum-mode:not(.combat-mode) .workbench{height:100dvh}.stage-full .stage-toolbar{top:calc(14px + env(safe-area-inset-top));left:16px;right:16px}.stage-full #phase-dialog{z-index:100}.stage-full .full-return{margin-left:auto}.stage-full .mobile-unit{display:none}.stage-full #live-narration{max-width:820px}.stage-full #exhibit-tools{bottom:62px}.stage-full .timeline-note{display:none}.stage-full .stage-bottom{font-size:10px}
@media(max-width:1000px){#nav{gap:15px}.topbar{gap:20px;padding:0 20px}.language-switch{padding-left:8px}.combat-mode .army-list{display:flex;overflow-x:auto;max-height:95px}.combat-mode .army-row{min-width:160px;max-width:190px}.combat-mode .list-heading{display:none}}
@media(max-width:640px){.intro-inner{padding:22px 22px 32px}.intro-top{padding-bottom:18px}.intro-top label{font-size:12px;gap:9px}.intro-copy{padding:29px 0 25px}.intro-copy .eyebrow{font-size:10px;line-height:1.8}.intro-copy h1{font-size:64px;margin:10px 0 17px}.intro-copy h2{font-size:23px}.intro-copy p{font-size:15px;line-height:1.8}.intro-bottom{grid-template-columns:1fr;gap:23px;padding:24px 0}.intro-disclaimer p{font-size:13px}.intro-author{border-left:0;padding:22px 0 0;border-top:1px solid var(--line)}.intro-author strong{font-size:20px}.intro-author b{margin-bottom:13px}.intro-actions{gap:18px;margin-top:22px}.intro-actions .primary{width:100%;justify-content:space-between}.intro-controls{font-size:12px!important}.social-links{gap:23px}.social-links a{font-size:13px}#nav{gap:22px}#nav button{font-size:12px}.topbar{height:105px}.camera-picker{gap:2px;padding:0 6px}.camera-picker span{display:none}.camera-picker select{max-width:171px;font-size:12px;min-height:37px}.catalogue-switch button{font-size:12px;padding:8px 9px}.stage-toolbar{gap:6px}.full-return{padding:0 9px!important;font-size:11px}.full-return svg{width:15px}.museum-mode .workbench{height:auto}.combat-mode .stage-wrap{height:65svh;min-height:440px}.combat-mode{padding-bottom:124px!important}.combat-mode .timeline{padding-bottom:calc(15px + env(safe-area-inset-bottom))}.play-button{font-size:13px;padding:10px 12px;min-height:40px}.timeline #speed,.timeline #combat-speed{font-size:13px;padding:8px}.transport{gap:9px}.timeline .icon-button{width:32px;min-height:37px}#live-narration{left:9px;right:9px;bottom:40px;padding:9px;gap:8px}.narration-phase{font-size:14px}#live-narration strong{font-size:12px}#live-narration p{font-size:11px;line-height:1.5}.scale-bar{bottom:181px;left:12px}.compass{bottom:180px}.mobile-unit{bottom:224px}.stage-bottom span:last-child{font-size:9px!important}.stage-bottom{font-size:9px!important}.stage-bottom span:first-child{display:none}.detail-panel h2{font-size:27px}.detail-panel>p{font-size:14px}.detail-panel .commander strong{font-size:14px}.detail-panel .evidence-box p{font-size:13px}.detail-panel .text-link{font-size:13px}.combat-action{font-size:12px}#phase-dialog{padding:20px}#phase-dialog h2{font-size:28px}#phase-dialog p{font-size:14px}.stage-full .workbench{height:calc(100dvh - 142px - env(safe-area-inset-bottom))}.stage-full .timeline{height:calc(142px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.stage-full .stage-toolbar{left:10px;right:10px;top:calc(9px + env(safe-area-inset-top))}.stage-full .timeline .phase-stops b{font-size:8px}.stage-full .full-return span{display:none}.stage-full #live-narration{bottom:34px}.stage-full .compass,.stage-full .scale-bar{bottom:160px}.stage-full .layer-content{right:-39px;max-height:65dvh}.stage-full .timeline-label{display:none}#footer{font-size:10px;line-height:1.7;align-items:flex-start}#footer button{font-size:11px}.footer-actions{flex-direction:column;gap:5px}.table-scroll{margin-left:-6px;margin-right:-6px}}
@media(max-height:520px) and (orientation:landscape){.stage-full .workbench{height:calc(100dvh - 89px)}.stage-full .timeline{height:89px;padding:7px 20px}.stage-full .timeline .phase-stops{display:none}.stage-full .transport{margin-bottom:1px}.stage-full #live-narration{max-width:580px;left:50px;right:50px;bottom:25px}.stage-full #live-narration p{display:none}.stage-full .scale-bar,.stage-full .compass{bottom:85px}.stage-full .stage-toolbar{top:7px}}
[hidden]{display:none!important}
.strength-summary{display:grid;gap:1px;text-align:left;padding:4px 0;color:var(--gold);font-size:11px;line-height:1.6}.strength-summary b{font-size:11px;font-weight:400;color:var(--text)}.water-credit{position:absolute;top:66px;right:14px;z-index:3;padding:4px 8px;background:#15211ddd;border-radius:3px;font-size:10px;color:#d5dbcf}.water-credit button{font-size:inherit;padding:0;text-decoration:underline;text-underline-offset:3px}.unit-label small{display:block;font-size:9px;font-weight:400;opacity:.84;padding-top:2px}.stage-full .stage-wrap{max-height:none!important}.stage-full .water-credit{top:calc(64px + env(safe-area-inset-top))}.stage-full .full-return{min-width:38px;justify-content:center}.full-return span{white-space:nowrap}.stage-full .full-return span{display:inline}.stage-full .stage-bottom{padding-right:0}.combat-mode #map-caption{max-width:900px;line-height:1.5}
@media(max-width:640px){.map-heading{min-height:128px}.heading-note{max-width:164px}.strength-summary,.strength-summary b{font-size:10px}.water-credit{font-size:9px;top:60px;right:10px;max-width:calc(100% - 20px)}.unit-label small{font-size:8px}.stage-full .full-return span{display:inline}.stage-full .camera-picker select{max-width:152px}.combat-mode.stage-full{padding-bottom:0!important}.full-return{min-height:38px}.layer-menu summary span{display:none}}
@media(max-width:360px){.stage-full .full-return span{display:none}.stage-full .camera-picker select{max-width:143px}}
@media(max-height:520px) and (orientation:landscape){.stage-full .water-credit{top:52px}}
@media(max-width:640px){.combat-mode .transport{flex-wrap:wrap}.combat-mode .combat-action{flex:1 1 100%;min-height:18px}.combat-mode.stage-full .timeline{height:calc(142px + env(safe-area-inset-bottom))}}
@media(max-height:520px) and (orientation:landscape){.combat-mode.stage-full .combat-action{display:none}.combat-mode.stage-full .timeline{height:89px}}
.maneuver-list{margin:26px 0}.maneuver-item{padding:20px 0;border-bottom:1px solid var(--line)}.maneuver-item h4{font-size:17px;font-weight:550;margin:0 0 10px}.maneuver-item p{font-size:16px}.maneuver-participants{font-size:14px;line-height:1.7;margin:9px 0}.maneuver-participants b{font-weight:500;color:var(--muted)}.maneuver-participants .text-link{font-size:14px;margin:0;padding:0}.maneuver-source{color:var(--muted);font-size:13px!important;line-height:1.65!important;margin:14px 0!important}.maneuver-item>.secondary{font-size:14px;min-height:42px}.current-maneuver{border-left:2px solid var(--gold);padding:0 0 0 14px;margin:25px 0}.current-maneuver strong{display:block;font-size:15px;margin:10px 0}.current-maneuver p{font-size:14px;color:var(--muted)}.unit-label.acting{border-color:#e4d9a4;background:#414632;color:#fff4ca}.unit-label.opposed{border-color:#d59378}.unit-label.captured{border-style:dashed;color:#dcc98e}.narration-source{font-size:12px;margin-top:5px}#live-narration strong{font-size:14px}#live-narration p{font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#live-narration>div{min-width:0}.scale-bar{bottom:215px}.compass{bottom:211px}.mobile-unit{bottom:250px}#phase-dialog .maneuver-item p{font-size:16px}.stage-full .scale-bar,.stage-full .compass{bottom:220px}
@media(max-width:640px){#live-narration{gap:7px;padding:10px}#live-narration strong{font-size:14px}#live-narration p{font-size:14px;-webkit-line-clamp:3}.narration-phase{font-size:13px}.narration-source{font-size:12px}.scale-bar,.compass{bottom:225px}.mobile-unit{bottom:263px}.maneuver-item h4{font-size:16px}#phase-dialog .maneuver-item p{font-size:16px}.stage-full .scale-bar,.stage-full .compass{bottom:230px}}
@media(max-height:520px) and (orientation:landscape){.stage-full #live-narration p,.stage-full .narration-source{display:none}.stage-full .scale-bar,.stage-full .compass{bottom:85px}.stage-full #live-narration strong{font-size:13px}}

.formation-state{font-size:14px!important;color:var(--gold);margin:10px 0 15px!important}.unit-actions{flex-wrap:wrap}.unit-actions .secondary{font-size:14px;min-height:42px}.battle-line-button{display:flex;align-items:center;gap:8px;min-height:42px;font-size:14px;margin:12px 0}.unit-label.in-contact{box-shadow:0 0 0 1px #e9bd76;background:#4d3827}.unit-label.retreating{border-style:dashed}

#cinematic-caption{position:absolute;top:76px;left:20px;max-width:calc(100% - 40px);padding:7px 12px;border-left:2px solid #cfb981;background:rgba(15,22,19,.78);color:#f1e8cd;font-size:13px;letter-spacing:.035em;pointer-events:none;border-radius:0 4px 4px 0}
#cinematic-caption[hidden]{display:none}
@media(max-width:600px){#cinematic-caption{top:66px;left:12px;font-size:12px;max-width:calc(100% - 24px)}}

/* Display preferences: controls remain available when the narration is hidden. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:40px;min-height:40px;font-size:14px;border:1px solid var(--line);border-radius:5px;color:var(--text)}
.theme-toggle>span{font-size:23px;line-height:1}.theme-labelled{width:100%;margin-bottom:14px}.intro-top{gap:12px}.intro-top label{margin-left:auto}.language-switch .theme-toggle{margin-left:7px;min-width:38px;padding:5px}
.narration-actions{display:flex;flex-direction:column;flex-shrink:0;margin-left:auto}.narration-actions button{display:grid;place-items:center;min-width:40px;min-height:40px;border-radius:4px}.narration-actions button:hover{background:var(--line)}
.narration-restore{position:absolute;bottom:44px;left:16px;z-index:4;min-height:44px;padding:9px 13px;font-size:14px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);box-shadow:0 2px 12px #0002}
.narration-hidden .scale-bar,.narration-hidden .compass,.narration-hidden.stage-full .scale-bar,.narration-hidden.stage-full .compass{bottom:103px}.narration-hidden .mobile-unit{bottom:147px}
:root[data-theme=light]{color-scheme:light;--bg:#f3f5f4;--panel:#ffffff;--line:#cbd5ce;--text:#202e27;--muted:#52635a;--gold:#78551b;--teal:#176345;--rust:#94442d}
[data-theme=light] body.intro-open{background:var(--bg)}
[data-theme=light] button:hover:not(:disabled),[data-theme=light] a:hover{color:#0f4730}
[data-theme=light] :is(.detail-panel p,.research-body p,.source-card p,.intro-copy p,.intro-disclaimer p,#live-narration p){color:#41574a}
[data-theme=light] :is(.detail-panel h3,.intro-copy h1,.history-table th){color:var(--text)}
[data-theme=light] :is(.evidence-tag,.map-data,.phase-stops button,.phase-stops span,#footer,.source-card .source-author,.toc a small){color:var(--muted)}
[data-theme=light] :is(.secondary,.view-buttons,.square-button,.glass-button,.layer-menu summary,.camera-picker,.catalogue-switch,.part-buttons,.mobile-unit select,.source-tools input,select,.intro-top select,.camera-picker option){background:#ffffffed;color:var(--text);border-color:var(--line)}
[data-theme=light] :is(.layer-content,#phase-dialog,#live-narration){background:#fffffff2;color:var(--text);border-color:var(--line);box-shadow:0 6px 24px #233c251a}
[data-theme=light] :is(.army-row:hover,.army-row.chosen,.language-switch button.active,.layer-menu[open] summary,.catalogue-switch button.active,.part-buttons button.active,.icon-button:hover,.secondary:hover:not(:disabled)){background:#e0ebe3;color:#214735}
[data-theme=light] .primary{background:#78551b;border-color:#78551b;color:#fff}
[data-theme=light] .primary:hover:not(:disabled){background:#614315;color:#fff}
[data-theme=light] :is(.timeline,.stage-full .timeline){background:#f6f8f6f5;border-color:var(--line)}
[data-theme=light] .history-table thead th{background:#e5eee8}
[data-theme=light] .status{background:#e0eee3;color:#2c5936}[data-theme=light] .status.bibliography{background:#efe8d7;color:#71532b}
[data-theme=light] #loading{background:#edf2eef5;color:var(--gold)}
[data-theme=light] .stage-wrap{background:#e8eeeb}
[data-theme=light] :is(.water-credit,#cinematic-caption){background:#fffffff0;color:#34493c}
[data-theme=light] .unit-label{background:#f1fff5eb;color:#176345}[data-theme=light] .unit-label.ottoman{background:#fff5eeef;color:#94442d}
[data-theme=light] .unit-label.acting,[data-theme=light] .unit-label.in-contact{background:#fff1cc;color:#644111;border-color:#8c672b}
[data-theme=light] .unit-label.selected,[data-theme=light] .unit-label.defected{background:#f3e4b9;color:#60471a;border-color:#806322}
[data-theme=light] .compass{background:#f8fff7dd;color:#344c39;border-color:#8da08b}
[data-theme=light] input[type=range]{background:linear-gradient(to right,#886521,#b7c9bb)}
@media(max-width:640px){.language-switch{padding-left:7px}.language-switch button{min-width:26px;padding:5px}.language-switch .theme-toggle{min-width:34px;margin-left:4px}.intro-top{flex-wrap:wrap}.intro-top label{gap:5px}.narration-actions button{min-width:40px;min-height:40px}.narration-restore{left:10px;bottom:40px}.stage-full .narration-restore{bottom:34px}}
/* Compact simulation counts stay with playback, outside the battlefield. */
.loss-summary{font-size:11px;color:var(--muted);white-space:nowrap;overflow-x:auto;padding:8px 0 2px;border-top:1px solid var(--line);margin-top:7px;line-height:18px}
.stage-full .workbench{height:calc(100dvh - 179px - env(safe-area-inset-bottom))}
.stage-full .timeline{height:calc(179px + env(safe-area-inset-bottom))}
@media(max-width:760px){.stage-full .workbench{height:calc(100dvh - 184px - env(safe-area-inset-bottom))}.stage-full .timeline,.combat-mode.stage-full .timeline{height:calc(184px + env(safe-area-inset-bottom))}}
@media(max-height:520px) and (orientation:landscape){.stage-full .workbench{height:calc(100dvh - 126px)}.stage-full .timeline,.combat-mode.stage-full .timeline{height:126px}.loss-summary{margin-top:3px;padding-top:3px}}
.museum-mode:not(.combat-mode).stage-full .workbench{height:100dvh}