*{box-sizing:border-box}body{margin:0;background:#d3dde2;color:#243638;font-family:Tahoma,sans-serif;background-image:radial-gradient(ellipse at 25% 0,#f3f6f7,transparent 70%)}main{max-width:1180px;margin:28px auto 60px;background:#e6ebe6;border:1px solid #fff9;box-shadow:0 20px 65px #273d4b35}.world{height:650px;position:relative;overflow:hidden;background:linear-gradient(#839fae,#e0d8bd)}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}nav{position:absolute;top:22px;left:30px;display:flex;gap:12px;font-size:12px}a{color:#175785}header{position:static}.heading{position:absolute;top:78px;left:46px;pointer-events:none}h1{font:normal clamp(38px,6vw,70px)/1.08 Georgia,serif;letter-spacing:-2px;margin:0;color:#20383c;text-shadow:0 1px #ffffff50}header p{font:20px Georgia,serif;color:#294346}.bearing{position:absolute;right:28px;top:27px;font-size:10px;letter-spacing:2px;color:#284750}.scene-note{position:absolute;bottom:64px;left:32px;font-size:12px;color:#eaf3ee;text-shadow:0 1px 4px #142e22}.telemetry{position:absolute;bottom:22px;left:32px;right:32px;display:flex;justify-content:space-between;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}.instrument{position:relative;margin:-1px 0 0;padding:25px 32px 17px;background:linear-gradient(150deg,#f6fff5d9,#ccd9d3d9 55%,#aec7c5b8);border-top:1px solid #f9fffb;box-shadow:inset 0 2px 2px #ffffffc0,0 8px 20px #3c5d5220}.transport{display:flex;align-items:end;gap:12px}.select{margin-left:auto;font-size:12px;display:grid;gap:7px}button,select{font:13px Tahoma,sans-serif;border-radius:6px;min-height:40px;padding:9px 16px;border:1px solid #7595ac;background:linear-gradient(#f9fdff,#c4dceb);color:#163f5d;box-shadow:inset 0 1px #fff,0 2px 4px #203b4b20}button{cursor:pointer}button:first-child{background:linear-gradient(#4c94c5,#256592);color:white;border-color:#245a81;min-width:150px}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:default}select{max-width:100%;background:#edf3f3}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #238eda;outline-offset:4px}.sliders{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:25px}.sliders label{font-size:12px;display:block}.sliders label[hidden]{display:none}output{float:right;font-variant-numeric:tabular-nums;color:#3f5e64}input{width:100%;margin:13px 0 0;accent-color:#307ba9}#status{font-size:12px;color:#3e575a;margin:18px 0 0}.reading{padding:55px 70px 60px;max-width:880px}h2{font:30px Georgia,serif;margin:0 0 20px}.reading p{font:18px/1.65 Georgia,serif}.reading .references{font:12px/1.6 Tahoma,sans-serif;margin-top:30px}@media(max-width:650px){main{margin:0;border:0}.world{height:570px}.heading{left:24px;top:88px}nav{left:24px;gap:8px}.bearing{top:auto;bottom:105px;right:24px;color:#e7f0eb}.transport{flex-wrap:wrap}.select{margin-left:0;width:100%}.instrument{padding:22px}.sliders{grid-template-columns:repeat(2,1fr);gap:20px}.scene-note{left:24px;right:24px;line-height:1.5}.reading{padding:40px 26px}.telemetry{left:24px;right:24px}}
.world::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#e6eef0ed 0%,#e5edefb8 20%,transparent 44%,transparent 70%,#233c34a8 100%)}nav,.heading,.bearing,.scene-note,.telemetry{z-index:1}

.hierarchy-nav{flex-wrap:wrap;max-width:calc(100% - 60px)}@media(max-width:600px){.hierarchy-nav{gap:6px;left:20px;max-width:calc(100% - 40px)}}