html,body,#root{color:#e6f1f7;-webkit-user-select:none;user-select:none;background:#0b2a3f;width:100%;height:100%;margin:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;overflow:hidden}.hud{z-index:10;pointer-events:none;font-size:13px;position:absolute;inset:0}.hud-panel,.hud-legend,.hud-bottomright,.hud-overlay{background:#061824b8;border:1px solid #78bedc59;border-radius:6px;padding:10px 12px;position:absolute}.hud-topleft{width:260px;top:16px;left:16px}.hud-topright{width:200px;top:16px;right:16px}.hud-bottomright{padding:6px;line-height:0;bottom:16px;right:16px}.hud-bottomleft{color:#a9c8d8;padding:6px 10px;font-size:12px;bottom:16px;left:16px}.hud-row{justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;display:flex}.hud-row:first-child{margin-top:0}.hud-label{color:#8fb3c6;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.hud-value{font-variant-numeric:tabular-nums;text-align:right}.hud-bar{background:#ffffff1f;border-radius:3px;height:6px;margin-top:3px;overflow:hidden}.hud-bar-fill{background:#c9d3da;height:100%;transition:width .1s linear}.hud-bar-hull .hud-bar-fill{background:#5fd068}.hud-bar-speed .hud-bar-fill{background:#6ec3e8}.hud-bar-gun .hud-bar-fill{background:#e0b040}.hud-bar-torp .hud-bar-fill{background:#b58ce8}.hud-minimap{display:block}.hud-overlay{pointer-events:auto;background:#061824d9;justify-content:center;align-items:center;width:320px;height:200px;margin:auto;display:flex;inset:0}.hud-lost{text-align:center}.hud-lost h1{letter-spacing:.1em;color:#ff7a7a;margin:0 0 8px;font-size:28px}.hud-lost p{color:#cfe3ee;margin:0 0 16px}.hud-restart{font:inherit;color:#061824;cursor:pointer;pointer-events:auto;background:#e6f1f7;border:0;border-radius:4px;padding:8px 18px}.hud-restart:hover{background:#fff}