:root{color-scheme:dark;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;color:#e6edf1;background:#081119;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}#viewport{position:fixed;inset:0}canvas{display:block;touch-action:none}header{position:absolute;left:36px;top:32px;pointer-events:none}.eyebrow{font:12px ui-monospace,monospace;letter-spacing:.2em;color:#8da9b7}h1{font-size:36px;font-weight:500;margin:12px 0 7px;letter-spacing:.1em}h1 span{font-size:16px;color:#8ca8b7;letter-spacing:.07em;margin-left:18px}header p{margin:0;color:#7895a5;font-size:14px}.panel{position:absolute;left:36px;top:185px;width:290px;padding:22px;background:#101e29ed;border:1px solid #2a3c48;border-radius:12px;box-shadow:0 16px 50px #0003;max-height:calc(100dvh - 255px);overflow:auto}.scale{display:flex;gap:18px;align-items:center;padding-bottom:22px}.scale strong{font:500 42px ui-monospace,monospace;color:#d4e9de}.scale div{font-size:16px}.scale div span{display:block;font-size:12px;color:#98aab6;margin-top:8px}.actions{display:flex;gap:6px}.actions button{flex:1;background:#182a37;border:1px solid #354956;color:#c6d6e0;border-radius:7px;padding:10px 6px;font:14px inherit;cursor:pointer}.actions button.active{background:#c9ded2;border-color:#c9ded2;color:#122b26}.actions button:hover{filter:brightness(1.13)}#view-note{color:#a2b6c3;font-size:13px;line-height:1.7;margin:12px 0 23px}.legend{display:flex;align-items:center;gap:10px;font-size:12px;color:#a2b6c3}.legend i{height:7px;flex:1;border-radius:3px;background:linear-gradient(to right,#194a63 0 20%,#5a886c 21%,#9da978 42%,#b9a987 65%,#aaa298 82%,#f1f2ed)}.hint{font-size:13px;color:#a2b3be;line-height:1.8;margin:20px 0}.text-button{background:none;border:0;border-top:1px solid #2b3c48;width:100%;text-align:left;color:#d2dfe6;padding:16px 0 0;font:14px inherit;cursor:pointer}#info{font-size:14px;line-height:1.85;color:#acc0cc}a{color:#bddecf;text-underline-offset:4px}footer{position:absolute;bottom:24px;left:36px;right:36px;display:flex;justify-content:space-between;color:#8ea7b6;font:12px ui-monospace,monospace;pointer-events:none}#loader{position:absolute;inset:0;background:#081119e8;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}#loader p{font-size:18px}#loader span{font-size:13px;color:#92a8b6}.spinner{width:38px;height:38px;border:1px solid #254552;border-top-color:#c9ded2;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#probe{position:absolute;right:36px;top:36px;min-width:230px;max-width:300px;padding:20px 40px 20px 20px;background:#101e29ed;border:1px solid #405764;border-radius:10px}#probe span{display:block;font-size:13px;line-height:1.7;color:#b7c9d3}#probe strong{display:block;font:26px ui-monospace,monospace;margin:10px 0;color:#dfebe4}#probe button{position:absolute;right:8px;top:8px;background:none;color:#bbced9;border:0;font-size:23px;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #eef7dc;outline-offset:4px}@media(max-width:700px){header{left:20px;top:20px}h1{font-size:28px}.panel{left:16px;right:16px;top:auto;bottom:54px;width:auto;max-height:37dvh;padding:14px 18px}.scale{padding-bottom:12px}.scale strong{font-size:28px}.scale div span{display:inline;margin-left:10px}.scale div{font-size:14px}.hint,.legend{display:none}#view-note{margin:8px 0}.text-button{padding-top:10px}footer{left:20px;right:20px;bottom:18px}#probe{right:16px;top:120px;max-width:230px;min-width:200px}#distance{display:none}}

.downloads{border-top:1px solid #2b3c48;padding-top:14px;margin:16px 0}.downloads a{display:block;font-size:14px;text-decoration:none;padding:9px 0}.downloads a span{display:block;color:#9cb2be;font-size:12px;margin-top:5px}.downloads a:hover{color:#fff}

.mode{margin-bottom:8px}.presets button{font-size:13px}.altitude-legend{margin:18px 0}.legend-title{font-size:12px;color:#b0c2cc;margin:12px 0 7px}.land-ramp,.sea-ramp{height:12px;border-radius:2px}.land-ramp{background:linear-gradient(90deg,#418f41 0%,#d0d36a 23%,#cf9568 48%,#b78b8b 73%,#eeeae7 100%)}.sea-ramp{background:linear-gradient(90deg,#3668a0,#568cba,#7cadce,#b3dae9,#e4f2f0)}.legend-ticks{display:flex;justify-content:space-between;font:12px ui-monospace,monospace;color:#a8becb;margin-top:7px}.shading-note{font-size:12px;line-height:1.8;color:#a9bbc6}#view-note{margin-bottom:12px}.panel{top:174px;max-height:calc(100dvh - 240px)}@media(max-width:700px){.panel{top:auto;max-height:39dvh}.scale{display:none}.altitude-legend{margin:10px 0}.legend-title{margin-top:8px}.shading-note{margin:8px 0}.downloads{margin:8px 0}}