:root{--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--accent-color: #00f2ff;--text-color: #ffffff;--bg-dark: #0a0a10}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body,html{width:100%;height:100%;background-color:var(--bg-dark);color:var(--text-color);font-family:Outfit,sans-serif;overflow:hidden}#app{position:relative;width:100%;height:100%}#main-canvas{display:block;width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:20px}#ui-layer *{pointer-events:auto}.glass{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.brand{font-weight:700;letter-spacing:2px;font-size:1.2rem;color:var(--accent-color)}.status-badge{font-size:.7rem;font-weight:700;opacity:.8;padding:4px 8px;border-radius:4px}.status-badge.active{background:#00ff6433;color:#4ade80;border-color:#4ade8066}.badge.demo{background:#ff640033;color:#fb923c;border-color:#fb923c66}.bottom-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.instrument{padding:12px 18px;min-width:120px}.instrument .label{display:block;font-size:.6rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:4px}.instrument .value{font-size:1.5rem;font-weight:700}.instrument .unit{font-size:.8rem;margin-left:4px;opacity:.8}.center-controls{display:flex;flex-direction:column;gap:10px;align-items:center}.value-stack div{font-size:.8rem;font-weight:400;margin-top:2px}.info-panel{display:flex;flex-direction:column;min-width:150px}.coords-box{border-top:1px solid rgba(255,255,255,.1);padding:10px 18px 12px}.coords-box .label{display:block;font-size:.6rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:4px}.glass-btn{background:#00f2ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,242,255,.3);border-radius:50px;color:#fff;padding:12px 24px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;outline:none;opacity:.5}.glass-btn.active-mode{opacity:1;background:#00f2ff40;box-shadow:0 0 15px #00f2ff33}.glass-btn:active{transform:scale(.95);background:#00f2ff33}.glass-btn .icon{font-size:1.2rem}.glass-btn .text{font-size:.8rem;font-weight:700;letter-spacing:1px}#compass-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .5s ease}#compass-needle{position:absolute;top:5%;left:50%;transform:translate(-50%);font-weight:700;color:var(--accent-color)}