.gauge-container{position:fixed;top:50%;transform:translateY(-50%);width:60px;height:300px;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px solid rgba(255,255,255,.8);border-radius:30px;padding:10px;z-index:2000;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px #ffffff4d}.gauge-container.left{left:20px}.gauge-container.right{right:20px}.gauge-label{color:#fff;font-family:monospace;font-size:11px;font-weight:700;text-align:center;margin-bottom:6px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px;line-height:1.2}.gauge-value{color:#0f0;font-family:monospace;font-size:10px;font-weight:700;text-align:center;margin-top:4px;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:#0000004d;padding:2px 4px;border-radius:3px;border:1px solid rgba(0,255,0,.3)}.gauge-bar{width:30px;height:260px;background:#00000080;border:1px solid rgba(255,255,255,.4);border-radius:15px;position:relative;overflow:hidden}.gauge-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;border-radius:15px;transition:height .2s ease-out}#altitude-fill{background:linear-gradient(to top,red,#ff4500 8%,orange,#ff0 22%,#9acd32 30%,#0f0 40%,#0c0,#0a0,#080)}#speed-fill{background:linear-gradient(to top,#0a0,#0c0,#0f0 60%,#4f4)}.gauge-bar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 24px,rgba(255,255,255,.3) 24px,rgba(255,255,255,.3) 26px);pointer-events:none;border-radius:15px}@keyframes gaugeGlow{0%{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 25px #ffffff80}to{box-shadow:0 0 20px #ffffff4d}}.gauge-container:hover{animation:gaugeGlow 2s ease-in-out infinite}