:root{font-family:Segoe UI,Arial,sans-serif;color:#142f2c;background:#f0f1e8;font-synthesis:none;color-scheme:light}
.scene-picker{display:flex;gap:6px;margin-top:24px;pointer-events:auto}.scene-picker button{padding:9px 13px;font-size:11px}.scene-picker button:disabled{cursor:wait;opacity:.6}.asset-note{display:block;font-size:9px;letter-spacing:1.6px;color:#59745e;margin-top:15px}.scene[data-kind=model]{background:#c3ddd0}.scene[data-kind=model] .intro{max-width:380px}#animation{display:none}#animation[data-available=true]{display:block}@media(max-width:800px){.scene-picker{margin-top:17px}.scene-picker button{padding:8px 10px}.asset-note{font-size:8px;margin-top:12px}.scene[data-kind=model] .intro{max-width:290px}}
*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;display:flex;flex-direction:column}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;background:#f7f7ef;border-bottom:1px solid #d9dfd3;gap:20px}.brand{font-family:Georgia,serif;font-size:29px;letter-spacing:5px;color:#183931;text-decoration:none}.brand span{color:#779270}.stage{font-size:10px;font-weight:600;letter-spacing:2.1px;display:flex;align-items:center;gap:9px;color:#5d7269}.dot{width:6px;height:6px;border-radius:50%;background:#7b9970}.status{font-size:12px;color:#6e7e70}.scene{position:relative;flex:1;min-height:530px;height:calc(100dvh - 184px);overflow:hidden;background:linear-gradient(#badbd9,#e6edcf)}canvas{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;touch-action:none;outline-offset:-5px}.intro{position:absolute;top:36px;left:44px;pointer-events:none;max-width:410px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#435c4d;margin:8px 0 15px}h1{font-family:Georgia,serif;font-weight:400;font-size:46px;line-height:1.05;letter-spacing:-1.5px;margin:0 0 17px;color:#203e35;text-shadow:0 1px 15px #e2ebd77a}.intro p{font-size:12px;line-height:1.65;margin:0;color:#435d50}.scene-bottom{position:absolute;bottom:27px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;gap:18px;pointer-events:none}.coordinates{font-size:10px;letter-spacing:1.2px;display:flex;align-items:center;gap:13px;color:#2a4c3e;text-shadow:0 1px 7px #f5f4dc}.coordinates b{font-weight:650;margin-left:7px}.cross{font-size:23px;font-weight:300}.rule{height:17px;width:1px;background:#8ca28a}.controls{display:flex;gap:8px;pointer-events:auto}button{font:inherit;font-size:11px;color:#2b4739;border:1px solid #78917b73;border-radius:3px;background:#edf0decd;padding:11px 16px;cursor:pointer;backdrop-filter:blur(12px)}button:hover,button[aria-pressed=true]{background:#173e30;color:#f1f2dd;border-color:#173e30}button:focus-visible{outline:2px solid #203e35;outline-offset:3px}button span{margin-left:17px}.loading{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);background:#173e30ef;color:#f1f2dd;padding:16px 23px;border-radius:4px;max-width:min(470px,85%);font-size:13px;line-height:1.6;white-space:pre-wrap}.loading[hidden]{display:none}footer{min-height:102px;display:flex;justify-content:space-between;align-items:center;gap:28px;padding:21px 44px;background:#f7f7ef}.footer-label{font-size:9px;letter-spacing:1.9px;color:#63816d;font-weight:650}.milestone p{font-size:11px;line-height:1.55;margin:6px 0 0;color:#6e7e70;max-width:560px}.facts{display:flex;gap:22px;font-size:10px;white-space:nowrap;color:#6b7e6d}.facts span+span{border-left:1px solid #d6ddce;padding-left:22px}@media(max-width:800px){header{height:68px;padding:0 22px}.brand{font-size:23px;letter-spacing:3px}.stage{display:none}.status{font-size:10px}.intro{left:22px;top:21px}.eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:34px}.intro p{font-size:11px}.scene{height:calc(100dvh - 194px);min-height:440px}canvas{min-height:0}.scene-bottom{left:22px;right:22px;bottom:19px}.coordinates{font-size:9px;gap:8px}#altitude,.coordinates .rule{display:none}button{font-size:10px;padding:10px 12px}footer{padding:18px 22px;min-height:126px;gap:12px;align-items:flex-start;flex-direction:column}.facts{gap:15px;font-size:9px}.facts span+span{padding-left:15px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
