.Hud {
  position: absolute;
  left: 7px;
  top: 7px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  padding: 5px;
  color: #bcf7e2;
  background: rgba(5, 17, 28, 0.95);
  border: 1px solid #285a64;
  box-shadow: 2px 2px 0 #02070d;
  font-family: 'Courier New', monospace;
  font-size: 8px;
  pointer-events: none;
}
.TrustHud {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 105px;
  padding: 6px;
  color: #bcf7e2;
  background: rgba(5, 17, 28, 0.95);
  border: 1px solid #285a64;
  font: 7px 'Courier New', monospace;
  pointer-events: none;
}
.TrustHud > strong { display: block; margin-bottom: 5px; }
.TrustHud label { display: block; }
.TrustHud label span { float: right; font-weight: bold; }
.TrustHud progress { display: block; width: 100%; height: 6px; margin-top: 3px; border: 1px solid #38636a; background: #162838; accent-color: #60e5c0; }
.TrustHud progress::-webkit-progress-bar { background: #162838; }
.TrustHud progress::-webkit-progress-value { background: #60e5c0; }
.Hud_row { display: grid; grid-template-columns: 12px auto 1fr; align-items: center; column-gap: 4px; min-height: 14px; }
.Hud button { font: inherit; color: inherit; padding: 0; text-align: left; border: 1px solid transparent; background: transparent; }
.Hud_active { pointer-events: auto; z-index: 15; border-color: #8ef3d2; }
.Hud:not(.Hud_active) .Hud_row { grid-template-columns: 12px; column-gap: 0; }
.Hud:not(.Hud_active) .Hud_row > :not(:first-child) { display: none; }
.Hud:not(.Hud_active) .Hud_help { font-size: 0; text-align: center; }
.Hud:not(.Hud_active) .Hud_help br { display: none; }
.Hud:not(.Hud_active) .Hud_help::after { content: 'M'; font-size: 6px; }
.Hud:not(.Hud_active) .Hud_mail:has(.Hud_mailCount:not([hidden])) .Hud_icon { stroke: #edbc68; }
.Hud_active button { cursor: pointer; }
.Hud_active button:focus { outline: 1px solid #9affdf; outline-offset: 1px; background: #174139; }
.Hud_help { margin: 3px 0 0; color: #8abbb8; font-size: 5px; line-height: 1.5; }
.Hud_status { margin: 2px 0 0; color: #bff9e7; font-size: 5px; max-width: 92px; }
.Hud_status:empty { display: none; }
.Hud_mail { font-size: 6px !important; }
.Hud_mailCount { justify-self: end; min-width: 10px; padding: 1px 3px; text-align: center; color: #10201b; background: #edbc68; border-radius: 2px; }
.Hud_mailCount[hidden] { display: none; }
.Hud_coin { width: 12px; height: 12px; object-fit: contain; image-rendering: pixelated; }
.Hud_icon { display: block; width: 12px; height: 12px; fill: #174139; stroke: #8ce3cf; stroke-width: 1; stroke-linejoin: miter; }
.Hud_money { white-space: nowrap; }
.Hud_usbIcon { position: relative; display: inline-block; justify-self: center; width: 8px; height: 9px; margin-top: 4px; background: #369c93; border: 1px solid #8ce3cf; box-shadow: 1px 1px #02070d; }
.Hud_usbIcon::before { content: ''; position: absolute; top: -5px; left: 1px; width: 5px; height: 4px; background: repeating-linear-gradient(90deg, #b5c8d3 0 2px, #496372 2px 3px); border: 1px solid #d6e6ed; box-sizing: border-box; }
.Hud_usbIcon::after { content: ''; position: absolute; bottom: 2px; left: 2px; width: 3px; height: 2px; background: #b5ffe1; }
.Hud_usbLabel { font-size: 6px; color: #8abbb8; }
.Hud_zombieLabel { font-size: 6px; color: #8abbb8; white-space: nowrap; }
.Hud_pcIcon { position: relative; width: 12px; height: 8px; margin-bottom: 4px; border: 1px solid #8abbb8; background: #174139; }
.Hud_pcIcon::before { content: ''; position: absolute; width: 2px; height: 3px; bottom: -5px; left: 4px; background: #8abbb8; }
.Hud_pcIcon::after { content: ''; position: absolute; width: 8px; height: 1px; bottom: -5px; left: 1px; background: #8abbb8; }

.Hud_storyHint { position:absolute; top:0; left:calc(100% + 5px); width:100px; margin:0; padding:5px; font-size:6px; line-height:1.5; color:#f6d899; background:#102027; border:1px solid #b59355; }
.Hud_storyHint[hidden] { display:none; }
.game-container:has(.CafeTerminal, .DesktopScene, .TextMessage, .PauseMenu) .Hud_storyHint { display:none; }

.Hud_storyHint strong { display:block; color:#f8dfae; font-size:7px; }
.Hud_storyHint small { display:block; margin-top:3px; font-size:5px; color:#8abbb8; }
.Hud_storyHint ul { margin:4px 0 0; padding-left:8px; color:#c7e8dd; }
.Hud_storyHint li { margin-top:3px; }