.hud {
    background: linear-gradient(180deg, #1a2332 0%, #0f1420 100%);
    padding: 12px 16px; border-bottom: 1px solid #2d3748;
    position: sticky; top: 0; z-index: 10;
}
.hud-stats { display: flex; gap: 12px; margin-bottom: 8px; }
.stat { flex: 1; }
.stat .label { font-size: 11px; color: #718096; display: block; margin-bottom: 4px; }
.stat progress { width: 100%; height: 8px; border-radius: 4px; overflow: hidden; }
.stat progress::-webkit-progress-bar { background: #2d3748; }
.stat.hp progress::-webkit-progress-value { background: linear-gradient(90deg, #dc3545, #fd7e14); }
.stat.mp progress::-webkit-progress-value { background: linear-gradient(90deg, #0077ff, #6c5ce7); }
.stat.fatigue progress::-webkit-progress-value { background: linear-gradient(90deg, #28a745, #ffc107, #dc3545); }
.stat span:last-child { font-size: 11px; color: #a0aec0; float: right; margin-top: -16px; }
.hud-resources { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; }
.gold::before { content: "🪙 "; }
.level::before { content: "⭐ "; }