@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";.hud-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-panel{background:transparent;border:none;mix-blend-mode:difference;color:#fff;padding:15px;pointer-events:auto}.top-left{position:absolute;top:20px;left:20px;max-width:350px}.header-row{display:flex;align-items:center;gap:15px;margin-bottom:0}.header-row h1{margin:0;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;line-height:1;color:#fff;font-family:Share Tech Mono,monospace}#back-btn,.back-btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;padding:0;background:transparent;border:1px solid #ffffff;color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700;transition:all .2s ease;cursor:pointer;border-radius:4px}#back-btn:hover,.back-btn:hover{background:#fff;color:#000}.bottom-right{position:absolute;bottom:20px;right:20px;width:250px}.hud-panel h3{margin:0 0 10px;font-size:1rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;color:#fff;font-family:Share Tech Mono,monospace}.control-group{margin-bottom:15px}@media(max-width:480px){.control-group{margin-bottom:10px;padding:5px 0}}.control-title,.control-label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:5px;color:#fff;font-family:Share Tech Mono,monospace}@media(max-width:480px){.control-title,.control-label{font-size:.75rem;margin-bottom:4px}}.status-row{display:flex;justify-content:space-between;font-size:.9rem;color:#fffc;margin-bottom:5px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:14px;width:14px;border-radius:50%;background:#fff;cursor:pointer;margin-top:-6px;box-shadow:0 0 5px #fff}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;background:#ffffff4d;border-radius:1px}input[type=checkbox]{accent-color:#ffffff;cursor:pointer}.hud-btn{padding:8px 20px;border-radius:4px;border:1px solid #ffffff;background:transparent;color:#fff;cursor:pointer;font-weight:700;font-family:Share Tech Mono,monospace;transition:all .2s;text-transform:uppercase;width:100%}.hud-btn:hover{background:#fff;color:#000}.status-text{margin-top:10px;font-size:.8rem;color:#aaa;text-align:center;font-family:Share Tech Mono,monospace}.hud-subtitle-group{font-size:.8rem;color:#888;margin-bottom:15px;line-height:1.4}.hud-description{border-top:1px solid rgba(255,255,255,.3);padding-top:10px;font-size:.85rem;line-height:1.4;color:#fffc}.hud-description p{margin:0 0 8px}.hud-description strong{color:#fff;font-weight:700}