:root{font-family:system-ui,sans-serif;color:#244652;background:#f5f8fa}*{box-sizing:border-box}body{margin:0}h1,h2,p{margin:0}h1{font-size:20px}h2{font-size:14px}a{color:#087b76}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #ccdae1;background:white;border-radius:7px;padding:9px 12px;min-height:40px}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #219d9a;outline-offset:3px}.top{height:78px;background:white;border-bottom:1px solid #dce5e9;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.top p{font-size:12px;color:#6b828d;margin-top:5px}nav{display:flex;gap:18px;font-size:13px}main{display:flex;height:calc(100dvh - 78px)}aside{width:294px;flex:none;overflow:auto;background:white;border-right:1px solid #dce5e9}section{padding:18px;border-bottom:1px solid #e2e9ed}section h2{margin-bottom:12px}.controls{background:#f9fbfc}label{display:grid;gap:6px;font-size:12px;color:#526f7c;font-weight:600}select{width:100%;min-height:42px;border:1px solid #c9d9df;border-radius:6px;padding:8px;background:white;font-size:12px}.period-controls{display:grid;grid-template-columns:90px 1fr;gap:9px}.steps{display:flex;gap:9px;margin:10px 0 16px}.steps button{flex:1;font-size:12px}#period-info{font-size:11px;line-height:1.6;margin:12px 0}.options{display:grid;gap:10px}.options label{display:flex;align-items:center;gap:7px;font-weight:400}.options input{accent-color:#0e8c7c;width:16px;height:16px}#summary{margin-top:12px;font-size:11px;line-height:1.6;color:#53737d}#legend{display:flex;gap:9px 14px;flex-wrap:wrap;font-size:11px}#legend span{display:flex;align-items:center;gap:5px}#legend i{width:15px;height:10px;border-radius:2px}#scale{font-size:11px;margin-top:13px}.help{font-size:11px;color:#6a8490;line-height:1.65;margin-top:11px}.region-item{width:100%;display:flex;gap:8px;align-items:center;text-align:left;padding:9px 7px;border:0;font-size:11px;margin:2px 0}.region-item:hover{background:#edf5f6}.region-item i{width:9px;height:23px;border-radius:3px;flex:none}.region-item span{line-height:1.5}.region-item small{display:block;color:#84949d}footer{padding:18px;font-size:11px}footer p{margin-top:12px;color:#7e929c;line-height:1.6}.map-wrap{position:relative;flex:1;min-width:0}#map{height:100%;width:100%;background:#dfeaf0}#leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.map-tag{position:absolute;top:16px;left:16px;background:#fffffff0;padding:8px 12px;border-radius:7px;font-size:12px;box-shadow:0 2px 12px #284e5c16;pointer-events:none;z-index:3}.rose-marker{padding:0;border:0;background:transparent;border-radius:0;box-shadow:none;width:var(--size,88px);height:calc(var(--size,88px) + 20px);min-height:0;display:flex;align-items:center;flex-direction:column;touch-action:manipulation;transition:none;z-index:2}.rose-marker:hover,.rose-marker:focus-visible{background:transparent;box-shadow:none}.rose-marker:hover svg,.rose-marker:focus-visible svg{box-shadow:0 2px 12px #23465755}.rose-marker svg{width:100%;height:var(--size,88px);flex:none;background:#ffffffed;border:1px solid var(--region);border-radius:50%;box-shadow:0 2px 7px #24434f18}.rose-marker span{font-size:11px;font-weight:750;color:#324b56;padding:2px 3px;line-height:15px;text-shadow:0 1px 2px white,1px 0 2px white,-1px 0 2px white,0 -1px 2px white}.maplibregl-marker{z-index:2}.maplibregl-ctrl-top-right{z-index:4}.maplibregl-ctrl-attrib{font-size:9px}dialog{width:min(430px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #d3e1e6;border-radius:13px;padding:24px;color:#244652;box-shadow:0 10px 70px #19364640}dialog::backdrop{background:#18384575}dialog h2{font-size:17px;padding-right:20px;line-height:1.5}dialog p{font-size:12px;line-height:1.6;margin-top:8px;color:#66818b}dialog img{width:100%;display:block}dialog .close{position:absolute;top:8px;right:8px;width:36px;height:36px;min-height:0;border:0;font-size:25px;padding:0}.links{display:flex;gap:20px;font-size:12px;margin:16px 0}#detail-fit{width:100%;font-size:12px}#error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#9e4538;color:white;padding:12px 16px;z-index:9;border-radius:8px;font-size:12px;max-width:90%}@media(max-width:720px){.top{height:68px;padding:0 12px;gap:8px}.top h1{font-size:14px}.top p{font-size:9px}nav{gap:10px;font-size:10px}main{height:calc(100dvh - 68px);flex-direction:column-reverse}.map-wrap{height:55dvh;min-height:55dvh;flex:1}aside{width:100%;height:calc(45dvh - 68px);border-right:0;border-top:1px solid #dce5e9}section{padding:15px 18px}.period-controls{grid-template-columns:100px 1fr}.map-tag{top:10px;left:10px;font-size:10px;max-width:calc(100% - 60px)}.rose-marker span{font-size:10px}dialog{padding:20px}}

.map-actions{position:absolute;top:calc(16px + env(safe-area-inset-top));right:12px;z-index:4;display:grid;gap:7px;justify-items:end}.map-actions button{font-size:11px;background:#fffffff5;box-shadow:0 2px 10px #284e5c20}.map-actions #fullscreen{font-weight:650;color:#087b66;border-color:#afcfc5}.map-actions #fullscreen span{font-size:17px;margin-right:5px;vertical-align:-1px}@media(max-width:720px){.map-actions{top:calc(10px + env(safe-area-inset-top))}.map-actions button{font-size:10px}}

.map-tag{max-width:calc(100% - 175px)}.maplibregl-ctrl-bottom-left{z-index:4;padding-bottom:env(safe-area-inset-bottom)}

.year-control{margin-bottom:12px}

.fullscreen-period-controls{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom));z-index:4;gap:8px;padding:6px;background:#fffffff0;border-radius:10px;box-shadow:0 2px 12px #284e5c20;pointer-events:auto}.fullscreen-period-controls button{width:48px;height:48px;min-height:48px;padding:0;font-size:24px;touch-action:manipulation}.map-fullscreen .fullscreen-period-controls{display:flex}