body{margin:0;background:#000;overflow:hidden;font-family:sans-serif}#labels{position:absolute;top:45px;left:10px;color:#fff;pointer-events:none;max-width:85ch;white-space:normal;line-height:1.4}#nav-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:15px 30px;border-radius:8px;font-size:18px;text-align:center;pointer-events:none;z-index:1000}#title{position:absolute;top:10px;left:10px;color:#fff;font-size:24px;font-weight:700;pointer-events:none}#info-icon{position:absolute;top:10px;right:10px;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff3;transition:background .3s ease;z-index:1001}#info-icon:hover{background:#fff6}#sphere-labels{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:500}.sphere-label{position:absolute;color:#fff;font-size:12px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:#0006;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;transform:translate(-50%,-100%);opacity:.8}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c}.modal-content{background-color:#1a1a1a;margin:15% auto;padding:30px;border:none;border-radius:10px;width:80%;max-width:500px;color:#fff;font-family:sans-serif;line-height:1.6;box-shadow:0 4px 20px #00000080}.modal-content p{margin:0 0 20px}.modal-content p:last-child{margin-bottom:0}.modal-content a{color:#4a9eff;text-decoration:none}.modal-content a:hover{text-decoration:underline}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;line-height:1;margin-top:-10px}.close:hover,.close:focus{color:#fff}