:root{color-scheme:dark;--muted:#91a5a5;--gold:#dfc28e}*{box-sizing:border-box}body{margin:0;background:#080f14;color:#e8ece6;font:14px/1.6 system-ui,sans-serif;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}header{position:absolute;top:25px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;letter-spacing:5px;display:flex;align-items:center;gap:15px}.brand span{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid #405054;padding-left:20px}button,select{background:#162329;color:#e5e8df;border:1px solid #354447;border-radius:6px;padding:9px 15px;cursor:pointer}button:hover,button.active{background:#3d4a45;border-color:var(--gold);color:var(--gold)}aside{position:absolute;left:35px;top:125px;width:285px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}h1{font-family:Georgia,serif;font-weight:normal;font-size:43px;line-height:1.1;margin:18px 0}.intro{color:var(--muted);margin-bottom:27px}.search{display:flex;gap:10px;background:#142027;border:1px solid #354347;border-radius:7px;padding:11px}input[type=text],.search input{width:100%;background:none;border:0;color:white;outline:none;font-size:12px}section{margin-top:23px;border-top:1px solid #293a3d;padding-top:22px}h2{font:25px Georgia,serif;margin:10px 0}section p,.note,dialog p{color:#a9b9b7;font-size:12px}.layers{display:grid;gap:10px;margin-top:25px;font-size:12px}.layers input{accent-color:var(--gold);margin-right:10px}.note{font-size:10px;margin-top:24px}.mapnote{position:absolute;right:35px;top:100px;font-size:9px;letter-spacing:2px;color:#a4b7b5}.dot{display:inline-block;width:6px;height:6px;background:#c3bc86;border-radius:50%;margin-right:6px}#status{display:block;text-align:right;letter-spacing:0;margin-top:6px}.controls{position:absolute;right:35px;top:45%;display:grid;gap:7px}.controls button{font-size:22px;width:43px;padding:3px}.hint{position:absolute;bottom:190px;left:50%;font-size:10px;color:#778c90}footer{position:absolute;bottom:25px;left:35px;right:35px;display:flex;gap:40px;background:#101c22ed;border:1px solid #314045;border-radius:12px;padding:22px 28px;box-shadow:0 15px 50px #0005}.date{display:flex;flex-direction:column;min-width:155px}.date strong{font:48px Georgia,serif;line-height:1.1;margin-top:5px;color:var(--gold)}.date>span:last-child{font-size:10px;color:var(--muted)}.time{flex:1}.timehead{display:flex;justify-content:space-between;align-items:center;font-size:12px}.timehead select{padding:3px 10px}#timeline{width:100%;accent-color:var(--gold);margin:10px 0 0}.ticks{display:flex;justify-content:space-between;color:#758b90;font-size:9px}.presets{display:flex;gap:7px;margin-top:12px}.presets button{font-size:10px;padding:4px 14px}#results{max-height:210px;overflow:auto;background:#122127}#results button{display:block;width:100%;text-align:left;font-size:12px;border:0;border-radius:0}a{color:var(--gold)}dialog{width:min(640px,90vw);max-height:85vh;background:#142027;border:1px solid #54635e;border-radius:14px;padding:32px;color:#e8ece6}dialog::backdrop{background:#000a}#close{float:right}#detail{max-height:220px;overflow:auto}#detail .swatch{width:22px;height:3px;margin-bottom:14px}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--gold)}@media(max-width:750px){header{left:18px;right:18px;top:15px}.brand{font-size:18px}.brand span{display:none}aside{left:18px;top:85px;width:220px}h1{font-size:28px}.intro,.note,.layers,.hint{display:none}section{background:#0d181fe8;padding:12px;border-radius:8px;max-height:160px!important;margin-top:10px}.mapnote{top:85px;right:15px;max-width:110px;text-align:right}footer{left:12px;right:12px;bottom:12px;padding:14px;gap:15px}.date{min-width:68px}.date strong{font-size:32px}.date .eyebrow{font-size:7px}.presets{gap:3px;flex-wrap:wrap}.presets button{padding:3px 7px}.ticks{font-size:7px}.controls{right:15px}.timehead>span{display:none}}
@media(min-width:751px) and (max-height:850px){aside{top:105px}h1{font-size:34px;margin:12px 0}.intro{margin:12px 0 17px}section{margin-top:15px;padding-top:12px}h2{font-size:22px}.layers{margin-top:13px;gap:5px}.note{display:none}#detail{max-height:135px}.search{padding:9px}}
aside{max-height:calc(100vh - 325px);overflow-y:auto;scrollbar-width:thin;background:linear-gradient(90deg,#080f14f5,#080f14d9);padding:14px;border-radius:10px;left:21px;width:313px}aside h1{margin-top:10px}@media(max-width:750px){aside{left:10px;width:230px;max-height:calc(100vh - 280px);padding:8px}}
#mapFrame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#10222c}.mode{display:flex;gap:6px;margin:16px 0 8px}.mode button{font-size:11px;padding:7px 10px}#coverage{font-size:10px;line-height:1.5;color:#c3ba9f;margin:8px 0 14px}#yearForm{display:flex;align-items:center;gap:7px;font-size:10px}#exactYear{width:83px;background:#0b161e;border:1px solid #4b5c60;border-radius:4px;color:#edddbc;padding:5px}#yearForm button{font-size:10px;padding:5px 9px}#century{max-width:140px;font-size:10px}#ancientStatus{font-size:9px;color:#9caaa5}.timehead{gap:10px}.timehead>span{display:none}.date strong{font-size:clamp(27px,3.5vw,48px)}@media(max-width:750px){.timehead{flex-wrap:wrap;gap:4px}#yearForm{flex-wrap:wrap}#century{max-width:105px}.timehead select{font-size:10px}.ticks span:nth-child(2){display:none}.presets{display:none}.date{min-width:75px}aside{max-height:calc(100vh - 300px)}.mode{margin:7px 0}.intro{display:none}}
#mapFrame{left:350px;top:85px;width:calc(100% - 375px);height:calc(100% - 280px);border:1px solid #536469;border-radius:10px}.detail-mode .controls,.detail-mode .mapnote,.detail-mode .hint{display:none}@media(max-width:750px){#mapFrame{left:0;top:80px;width:100%;height:calc(100% - 270px)}.detail-mode aside{max-height:150px}.detail-mode aside h1,.detail-mode aside>.eyebrow,.detail-mode aside .search,.detail-mode #detail{display:none}}

aside{top:90px;max-height:calc(100vh - 300px)}aside h1{font-size:28px}#detail{max-height:330px}.layers{gap:4px;margin-top:8px}summary{cursor:pointer;color:var(--gold);font-size:12px;margin-top:16px}.language{font-size:11px;display:flex;justify-content:space-between;align-items:center}.language select{padding:3px}.mode{flex-wrap:wrap}#warPanel{font-size:11px}#warPanel label{display:block;margin:8px 0}#warPanel select{max-width:100%;font-size:11px;padding:5px}#warList{max-height:200px;overflow:auto}#warList button{display:block;text-align:left;width:100%;font-size:11px;margin-top:4px}#warPanel p{color:#aac4c8;font-size:10px}.fact{border-top:1px solid #31444a;margin-top:12px;padding-top:8px}.fact strong{color:#dfc28e}.fact img{display:block;max-width:105px;max-height:65px;margin:8px 0}#detail p{overflow-wrap:anywhere}#detail details{font-size:11px}.physical-note{position:absolute;right:35px;bottom:192px;font-size:10px;color:#a4bec3;max-width:330px;text-align:right;pointer-events:none}@media(max-width:750px){aside{width:220px;max-height:calc(100vh - 275px)}aside h1{font-size:22px}.layers{display:grid}#detail{max-height:230px!important}.physical-note{display:none}.mapnote{display:none}}
figure{margin:15px 0;padding:10px;background:#0b1c24;border-radius:7px}figure img{width:100%;max-height:280px;object-fit:contain}figure p{font-size:11px;margin:5px 0}.catalog-search{width:100%;padding:10px;background:#0d1d28;color:white;border:1px solid #64818b}#gallery{width:min(850px,94vw)}#galleryContent>figure{display:inline-block;width:46%;vertical-align:top;margin:1%}#galleryContent p{color:#bacaca}.layers>div label{display:block;margin:5px 0}.layers>div button{font-size:11px;margin:6px 0;width:100%}