.hud-container,.panel.hud-container{position:relative;background:#0d0d0d2e;border:none}.hud-edge-top,.hud-edge-bottom,.hud-edge-left,.hud-edge-right{position:absolute;pointer-events:none;background:#b4dcf042}.hud-edge-top{top:0;left:22px;right:22px;height:1px}.hud-edge-bottom{bottom:0;left:22px;right:22px;height:1px}.hud-edge-left{top:22px;bottom:22px;left:0;width:1px}.hud-edge-right{top:22px;bottom:22px;right:0;width:1px}.hud-container{--hud-bracket-color: rgba(255, 255, 255, .65)}.hud-container.hud-accent-cyan,.hud-container:hover{--hud-bracket-color: rgba(76, 174, 210, .7)}.hud-bracket-tl,.hud-bracket-tr,.hud-bracket-bl,.hud-bracket-br{position:absolute;width:14px;height:14px;pointer-events:none;transition:border-color .2s ease}.hud-bracket-tl{top:0;left:0;border-top:2px solid var(--hud-bracket-color);border-left:2px solid var(--hud-bracket-color)}.hud-bracket-tr{top:0;right:0;border-top:2px solid var(--hud-bracket-color);border-right:2px solid var(--hud-bracket-color)}.hud-bracket-bl{bottom:0;left:0;border-bottom:2px solid var(--hud-bracket-color);border-left:2px solid var(--hud-bracket-color)}.hud-bracket-br{bottom:0;right:0;border-bottom:2px solid var(--hud-bracket-color);border-right:2px solid var(--hud-bracket-color)}.hud-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#ffffffe6;margin-bottom:var(--space-4)}.hud-title:before{content:">";color:var(--cyan-bright);font-family:var(--font-mono);font-weight:600;flex-shrink:0;transition:transform .2s ease,text-shadow .2s ease}.hud-title:after{content:"";flex:1;height:1px;background:#ffffff2e}.hud-container:hover .hud-title:before{transform:translate(2px);text-shadow:0 0 8px rgba(76,174,210,.7)}