html,body{margin:0;height:100%;font-family:Roboto Mono,monospace}body{background:black}#c{width:100%;height:100%;display:block}#controls{position:absolute;z-index:3;top:2rem;left:2rem;color:#fff}.slider-container{display:flex;align-items:center;gap:10px;background-color:#333;padding:1rem;border-radius:8px;margin-bottom:10px;box-shadow:0 4px 8px #00000080}.slider-container label{min-width:120px;font-size:.8rem;font-weight:600;color:#ddd}.slider-container input[type=range]{-webkit-appearance:none;width:150px;height:8px;border-radius:5px;background:#555;outline:none;transition:background .3s}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#1e90ff;cursor:pointer}.slider-container input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#1e90ff;cursor:pointer}.satellite-popup{position:absolute;background-color:#000c;color:#fff;padding:10px;border-radius:5px;font-size:12px;pointer-events:none}.controls{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:10px}.controls button{padding:10px 20px;font-size:14px;font-family:inherit;border:none;background-color:#333;color:#fff;cursor:pointer;border-radius:5px}.controls button:hover{background-color:#555}.slider-container{margin-bottom:10px}.satellite-indicator{position:absolute;bottom:2rem;right:2rem;font-family:inherit;background-color:#333;padding:1rem;border-radius:8px;box-shadow:0 4px 8px #00000080;color:#fff;font-size:14px}.satellite-indicator h3{margin:0 0 10px}.satellite-type{display:flex;align-items:center;margin-bottom:10px}.satellite-dot{width:10px;height:10px;border-radius:50%;margin-right:10px;display:inline-block}