@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";body,html{color:#fff;-webkit-user-select:none;user-select:none;background-color:#000;width:100%;height:100%;margin:0;padding:0;font-family:Share Tech Mono,monospace;overflow:hidden}#hud-header{pointer-events:none;flex-direction:column;gap:5px;display:flex;position:absolute;top:20px;left:20px}#site-title{letter-spacing:2px;border-bottom:2px solid #fff;padding-bottom:5px;font-size:1.2rem;font-weight:700}#sys-time{color:#f44;font-size:.9rem}#data-panel{background:#000000e6;border:1px solid #fff;border-top-width:4px;width:320px;transition:opacity .2s;position:absolute;top:20px;right:20px}#data-panel.hidden{opacity:0;pointer-events:none}.panel-header{border-bottom:1px dashed #555;justify-content:space-between;align-items:center;padding:10px;display:flex}#planet-name{color:#f44;text-transform:uppercase;margin:0;font-size:1.2rem}#close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem}#close-btn:hover{color:#f44}.panel-body{padding:15px 10px}#planet-info{color:#ccc;margin:0;font-size:.85rem;line-height:1.4}#settings-panel{background:#000000e6;border:1px solid #fff;flex-direction:column;gap:15px;padding:15px;display:flex;position:absolute;bottom:20px;left:20px}.hud-checkbox{cursor:pointer;align-items:center;font-size:.9rem;display:flex}.hud-checkbox input{display:none}.checkmark{border:1px solid #fff;width:12px;height:12px;margin-right:10px;display:inline-block}.hud-checkbox input:checked+.checkmark{background-color:#f44;border-color:#f44}.button-group{gap:8px;display:flex}button{color:#aaa;cursor:pointer;background:#000;border:1px solid #555;padding:6px 12px;font-family:inherit;font-size:.85rem;transition:all .1s}button:hover{color:#fff;border-color:#fff}button.active{color:#000;background:#fff;border-color:#fff}.action-btn{color:#f44;border-color:#f44;margin-left:15px}.action-btn:hover{color:#000;background:#f44}#hover-tooltip{color:#fff;pointer-events:none;z-index:100;background:#000000d9;border:1px dashed #f44;width:250px;padding:10px;position:fixed;transform:translate(15px,15px)}#hover-tooltip.hidden{display:none}#tt-name{color:#f44;text-transform:uppercase;margin:0 0 5px;font-size:1rem}#tt-info{color:#ccc;margin:0;font-size:.8rem;line-height:1.4}