*{box-sizing:border-box}body{margin:0;background:#0c1925;color:#e5ecf2;font:15px/1.5 system-ui,sans-serif;display:flex;height:100dvh}aside{width:350px;flex-shrink:0;padding:26px;overflow:auto;border-right:1px solid #293c4b}.brand{font-size:23px;font-weight:750;letter-spacing:-1px}.brand span{font-size:10px;letter-spacing:2px;color:#edbd69;margin-left:12px}h1{font-size:32px;line-height:1.1;margin:26px 0 18px}p,small,footer{color:#a9bbc9}label{display:block;margin:16px 0 0;font-size:12px;letter-spacing:.04em}input,select,button{font:inherit;color:inherit;background:#172c3d;border:1px solid #3a5264;border-radius:7px;padding:10px}input,select{width:100%;margin-top:6px}button{cursor:pointer}button:hover,button:focus-visible{border-color:#edbd69}.notice{font-size:12px;border-left:3px solid #edbd69;padding:10px 12px;background:#1f2d34;color:#e5cd9f}.actions{display:flex;gap:8px;margin:18px 0 10px}.actions button{font-size:12px}small{display:block;font-size:11px}#status{font-size:12px;margin:20px 0 10px;color:#edbd69}.property{text-align:left;width:100%;margin-bottom:7px;font-size:12px}.property small{margin-top:5px}footer{font-size:11px;margin-top:24px}a{color:#edbd69}main{flex:1;position:relative;min-width:0}#globe{width:100%;height:100%}#badge{position:absolute;top:24px;left:24px;padding:10px 16px;background:#0c1925e8;border:1px solid #4c5965;border-radius:6px;font-size:11px;letter-spacing:2px;pointer-events:none}#detail{position:absolute;right:20px;bottom:60px;max-width:340px;padding:24px;background:#0c1925f5;border:1px solid #edbd69;border-radius:12px}#detail h2{font-size:20px}#detail strong{color:#edbd69}#detail p{font-size:13px}.cesium-viewer-bottom{max-width:90%}@media(max-width:700px){body{flex-direction:column}aside{width:100%;height:42dvh;padding:16px;order:2}main{height:58dvh;flex:none}h1{font-size:23px;margin:12px 0}h1 br{display:none}h1 br:after{content:" "}#badge{top:12px;left:12px;font-size:9px}#detail{bottom:40px;right:10px;padding:14px;max-width:280px}label{margin-top:10px}}