:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eaf4fc;background:#0a1522;font-size:16px}*{box-sizing:border-box}body{margin:0}main,#map{position:absolute;inset:0}button,input,summary,a{-webkit-tap-highlight-color:transparent}#map{background:#0a1522}.panel{position:absolute;top:24px;left:24px;width:320px;max-height:calc(100dvh - 100px);overflow:auto;background:rgba(10,21,34,.96);border:1px solid #294056;border-radius:16px;box-shadow:0 12px 48px #0006;padding:24px;z-index:2}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:#69d9d0;font-weight:700}h1{font-size:2rem;line-height:1.15;letter-spacing:-.04em;margin:10px 0 8px;font-weight:650}h1 span{font-weight:350;color:#82a6bf}header p{color:#a6bfce;font-size:.875rem;line-height:1.5;margin:0}.numbers{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin:24px 0;padding:20px 0;border-block:1px solid #294056}.numbers strong{display:block;font-size:1.5rem;font-weight:600;white-space:nowrap;letter-spacing:-.04em}.numbers span{display:block;margin-top:5px;color:#a6bfce;font-size:.75rem;line-height:1.4}.label-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem}output{color:#69d9d0;font-size:.75rem}input[type=range]{width:100%;margin:16px 0 6px;accent-color:#63d9cc;cursor:pointer;min-height:24px}.secondary{color:#a6bfce;font-size:.75rem;line-height:1.5;margin:0 0 16px}.view-buttons{display:flex;gap:6px}button{font:inherit;font-size:.875rem;color:#c6d9e6;background:#152b3d;border:1px solid #355167;min-height:42px;padding:8px 12px;border-radius:8px;cursor:pointer}button:hover{background:#24465b}button.active{background:#63d9cc;color:#082228;border-color:#63d9cc}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,#map:focus-visible{outline:3px solid #ffc36a;outline-offset:3px}.legend{margin:24px 0}h2{font-size:.875rem;font-weight:500;margin:0 0 12px}.gradient{height:8px;border-radius:4px;background:linear-gradient(90deg,#165b79,#27b6c1,#b1df8a,#ffc467,#ee7051)}.ticks{display:flex;justify-content:space-between;font-size:.75rem;color:#a6bfce;margin:8px 0 16px}.keys{display:flex;gap:16px;font-size:.75rem;color:#a6bfce}.keys span{display:flex;align-items:center;gap:6px}.keys i{display:inline-block;width:10px;height:10px;border-radius:2px}.zero{background:#37535a}.missing{background:#949aaa}details{border-top:1px solid #294056;padding-top:16px;font-size:.875rem;line-height:1.6}summary{cursor:pointer;color:#b5cddc}details p{color:#a6bfce;font-size:.8125rem}a{color:#69d9d0;text-underline-offset:3px}.help{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;gap:20px;padding:12px 18px;white-space:nowrap;border:1px solid #294056;border-radius:10px;background:#0a1522ed;color:#a6bfce;font-size:.75rem;pointer-events:none}.help b{color:#eaf4fc;font-weight:500}.status,.tile-warning{position:absolute;top:24px;left:calc(50% + 100px);transform:translateX(-50%);max-width:calc(100vw - 48px);padding:12px 18px;border-radius:10px;background:#102637;color:#d6eaf5;border:1px solid #355167;font-size:.875rem;z-index:3}.tile-warning{top:auto;bottom:90px;font-size:.75rem}.status[hidden],.tile-warning[hidden]{display:none}.status.error{color:#ffcbab;border-color:#d78a6c}.maplibregl-ctrl-top-right{top:24px;right:24px}.maplibregl-ctrl-group{border-radius:10px!important;overflow:hidden}.maplibregl-popup-content{background:#102637;color:#eaf4fc;border:1px solid #355167;border-radius:10px;padding:14px 16px;font:14px/1.6 system-ui;box-shadow:0 8px 24px #0005}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#355167}.popup-number{display:block;font-size:22px;color:#69d9d0;font-weight:600}.popup-meta{color:#a6bfce;font-size:12px}.maplibregl-popup-close-button{color:#eaf4fc;min-height:30px}.palace-marker{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #102637;box-shadow:0 0 0 2px #fff;cursor:pointer}.farsta-marker{width:10px;height:10px;border-radius:50%;background:#ffc467;border:2px solid #102637;cursor:pointer}@media(max-width:760px){.panel{left:12px;top:12px;width:256px;padding:16px;max-height:calc(100dvh - 110px)}h1{font-size:1.65rem}.numbers{margin:16px 0;padding:14px 0;gap:8px}.numbers strong{font-size:1.25rem}.legend{margin:16px 0}.view-buttons button{padding:8px;font-size:.8125rem}.help{left:12px;right:12px;bottom:32px;transform:none;justify-content:center;white-space:normal;flex-wrap:wrap;gap:6px 16px;font-size:.75rem}.help span:nth-child(3){display:none}.maplibregl-ctrl-top-right{top:12px;right:12px}.status{left:50%;top:auto;bottom:100px}.tile-warning{left:50%;bottom:100px}header p{font-size:.8125rem}}@media(max-height:550px){.panel{top:12px;max-height:calc(100dvh - 75px)}.help{bottom:26px;padding:8px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}