:root{font:14px system-ui;color:#263b3a;background:#f6f8f7;color-scheme:light}*{box-sizing:border-box;letter-spacing:0}body{margin:0}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid #cbd8d5}a{color:#147466}main{max-width:1600px;margin:auto;padding:14px 22px}.toolbar,.timeline{display:flex;gap:12px;align-items:end;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:5px;font-size:12px}button,select{font:inherit;min-height:36px;border:1px solid #a9bcba;border-radius:4px;background:white;color:inherit;padding:7px 11px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#d1ece4;border-color:#147466}button svg{width:18px;height:18px;display:block}fieldset{display:flex;padding:0;border:0;gap:4px;margin:0}legend{font-size:12px;margin-bottom:5px}.notice{padding:10px 12px;background:#fff3d9;border-left:3px solid #b17017;margin:12px 0;line-height:1.5}.scene{position:relative;width:100%;height:60vh;min-height:330px;max-height:750px;background:#e5ecea;overflow:hidden;touch-action:none}.scene canvas,.scene #scene3{display:block;width:100%;height:100%}.scene [hidden]{display:none!important}.maplabels{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font-size:12px;color:#274c44}#query{position:absolute;bottom:10px;left:12px;max-width:calc(100% - 24px);background:#fffffff0;padding:8px 12px;font-size:13px;pointer-events:none;overflow-wrap:anywhere}.timeline{padding:14px 0}.timeline .time{flex:1;min-width:180px}.time output{font-size:18px;font-weight:650}.time input{width:100%;accent-color:#147466}.check{flex-direction:row;align-items:center;min-height:36px}#status{min-height:22px;font-size:13px}.facts{display:flex;gap:16px;flex-wrap:wrap;padding:12px 0;border-block:1px solid #d0dcda;font-size:12px}details{padding:14px 0;line-height:1.6}button:hover{border-color:#147466}@media(max-width:600px){header{padding:10px 12px;flex-wrap:wrap}header strong{order:-1;width:100%;font-size:16px}main{padding:10px 12px}.scene{height:48vh;min-height:300px}.toolbar{gap:7px}.toolbar #release{font-size:12px}.timeline .time{order:-1;flex-basis:100%}.timeline{gap:8px}.maplabels{font-size:10px}.notice{font-size:12px}#query{font-size:12px}}
:is(#home,#release){width:36px;padding:8px;flex-shrink:0}
#query{position:static;display:block;max-width:100%;min-height:36px;margin-top:4px;border-bottom:1px solid #d0dcda}
.vertical-control{display:flex;align-items:end;gap:16px;margin-top:8px;font-size:12px;flex-wrap:wrap}.vertical-control label{flex-direction:row;align-items:center}.geo-label,.north-reference,.ground-scale{position:absolute;pointer-events:none;font-size:12px;color:#173c36;text-shadow:0 1px 2px white,1px 0 2px white}.geo-label{transform:translate(-50%,-100%);padding:4px;background:#ffffffe6;border-bottom:3px solid #ce3950}.north-reference{right:15px;top:40px;display:flex;align-items:center;gap:5px}.north-reference b{display:block;font-size:26px}.ground-scale{bottom:62px;left:16px;border-bottom:2px solid #173c36;white-space:nowrap;padding-bottom:3px}.maplabels span{background:#ffffffe0;padding:2px 4px}.scene #scene3{position:relative}@media(max-width:600px){.vertical-control{gap:5px}.vertical-control select{max-width:210px}.geo-label{font-size:10px}.ground-scale{bottom:84px;font-size:10px}}


.mobile-hint{padding:9px 12px;margin:10px 0;background:#e8f2ef;border-left:3px solid #147466;font-size:12px;line-height:1.5}.mobile-hint[hidden]{display:none}