:root{font:14px/1.5 system-ui,sans-serif;color:#22362e;background:#f6f7f3;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden}button,select,a{touch-action:manipulation}button,select{font:inherit;color:inherit;border:1px solid #cdd7cf;background:#fff;border-radius:6px;min-height:38px;padding:7px 12px}button{cursor:pointer}button:hover,select:hover{border-color:#4c8066}button:focus-visible,select:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #c39a3d;outline-offset:2px}a{color:#245e45}header{display:flex;align-items:center;gap:24px;padding:15px 24px;background:#fff;border-bottom:1px solid #d8dfd7;z-index:2}.brand{font-weight:760;font-size:25px;letter-spacing:-1.1px;text-decoration:none;color:#244e39}.brand-dot{color:#70a57d;font-size:12px;vertical-align:middle;padding-left:4px}.subtitle{margin:0;color:#6c786e;font-size:12px}.badge{display:inline-block;font-size:10px;letter-spacing:.03em;padding:2px 7px;border-radius:4px;background:#eef1e6;color:#6e713d;margin-left:6px}.map-label{display:flex;align-items:center;gap:9px;margin-left:auto;color:#647166}#city{min-width:155px;font-weight:600}#about{font-size:12px;border-color:transparent;background:#eff4ed}main{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid #d8dfd7;background:#f9faf6}.segment,.navigation{display:flex;align-items:center;gap:5px}.segment{gap:0;background:#e9eee6;border-radius:7px;padding:3px}.segment button{border:0;background:transparent;min-height:34px;padding:6px 12px;color:#667263}.segment button[aria-pressed=true]{color:#fff;background:#315f44;box-shadow:0 1px 3px #0001}.navigation button{padding:5px 11px;min-height:34px}#zoom{font-variant-numeric:tabular-nums;min-width:48px;text-align:center;font-size:12px}#viewer{position:relative;display:grid;grid-template-columns:1fr;flex:1;min-height:0;background:#e8ece4}#viewer.comparing{grid-template-columns:1fr 1fr;gap:2px}.pane{position:relative;min-width:0;min-height:0;overflow:hidden;background:#e8ece4}.pane-label{position:absolute;top:12px;left:14px;border-radius:4px;background:#fffffff0;box-shadow:0 1px 4px #0001;font-size:11px;font-weight:600;padding:4px 9px;pointer-events:none;z-index:1}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas.dragging{cursor:grabbing}#loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;background:#fffffff2;box-shadow:0 2px 20px #29422218;border-radius:6px;font-size:13px;pointer-events:none}#retry{position:absolute;bottom:15px;right:15px;background:#fff5dc;border-color:#bea373}.bottom-bar{display:flex;align-items:center;gap:18px;padding:9px 24px;border-top:1px solid #d8dfd7;background:#fff;font-size:12px}.bottom-bar label{display:flex;align-items:center;gap:8px}.bottom-bar select{font-size:12px;min-height:34px;max-width:320px}#hint{color:#7b857a;flex:1;text-align:center}#download{text-decoration:none;font-weight:600;white-space:nowrap}#details{position:fixed;z-index:5;right:18px;top:85px;width:355px;max-height:calc(100dvh - 110px);overflow:auto;border:1px solid #d0dacf;border-radius:10px;padding:21px;background:#fff;box-shadow:0 12px 60px #1e321f26}.notes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.notes-heading h1{font-size:19px;letter-spacing:-.5px;margin:0}#close-notes{border:none;min-height:30px;padding:2px 8px}#details h2{font-size:13px;margin-top:24px}#details p,#details li{color:#647063;font-size:13px}#details ul{padding-left:19px}#details li{margin-bottom:8px}#source{display:inline-block;margin-top:8px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){header{padding:10px 12px;gap:10px;flex-wrap:wrap}.brand{font-size:22px}.subtitle{font-size:11px}.map-label{gap:0;font-size:0}#city{font-size:13px;min-width:115px;padding:5px 8px}#about{font-size:0;padding:5px 8px}#about span{font-size:14px}.toolbar{padding:7px 10px;gap:7px;flex-wrap:wrap}.segment{flex:1;justify-content:center}.segment button{font-size:12px;padding:5px 9px;flex:1}.navigation{justify-content:center;width:100%}.navigation button{font-size:12px;min-height:32px}#viewer.comparing{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.pane-label{top:7px;left:8px;font-size:10px}.bottom-bar{padding:7px 10px;gap:9px;flex-wrap:wrap}.bottom-bar label{flex:1;min-width:0}.bottom-bar select{width:100%;max-width:220px;min-width:0}#hint{display:none}#download{font-size:11px}#details{top:20px;left:12px;right:12px;width:auto;max-height:calc(100dvh - 40px)}}
#city{max-width:min(45vw,360px)}.map-label{min-width:0}#map-note{margin:0;padding:7px 24px;font-size:12px;line-height:1.4;background:#f2f1e7;color:#666744;border-bottom:1px solid #dedfce}@media(max-width:700px){#city{max-width:175px}#map-note{font-size:11px;padding:6px 12px}}