/* Supplied pixel artwork; all names, meter values and notices remain live text. */
#stage .player-hud{width:274px;gap:10px;min-height:126px;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
#stage .player-hud .portrait{margin-top:22px}
#stage .player-hud .meters{width:148px;padding:0;flex:none}
#hudPlayerName{display:block;height:22px;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;font-weight:750;color:#fff6d9;text-shadow:0 2px 2px #172b1d,1px 0 #26341e,-1px 0 #26341e}
#stage .player-hud .meter-row{height:22px;gap:0}
.lv-vital-icon{width:20px;height:20px;object-fit:contain;image-rendering:pixelated;flex:none}
#stage .player-hud .meter{flex:none;width:128px;height:12px;background:transparent url('assets/hud-status/bar-empty.png') center/100% 100% no-repeat;border:0;box-shadow:none;overflow:hidden}
#stage .player-hud .meter i{position:absolute;left:2px;top:4px;max-width:calc(100% - 4px);height:5px;box-shadow:none;transition:width .25s linear;image-rendering:pixelated;background-size:124px 5px;background-repeat:no-repeat}
#stage #staminaFill{background-image:url('assets/hud-status/stamina-fill.png');background-color:#e92341}
#stage #drinkFill{background-image:url('assets/hud-status/water-fill.png');background-color:#04bcdf}
#stage #foodFill{background-image:url('assets/hud-status/food-fill.png');background-color:#f6a000}
#stage .player-hud .experience{margin:2px 2px 0 22px;height:3px}
#stage .player-hud .clock{margin-top:5px;font:700 12px/18px "Segoe UI",Tahoma,sans-serif}
#stage .player-hud .weather{position:absolute;left:226px;top:22px;margin:0;width:28px;height:28px}
#hudStatusIcons{position:absolute;left:226px;top:53px;display:grid;grid-template-columns:repeat(3,24px);gap:4px;pointer-events:auto}
.lv-status-icon{width:24px;height:24px;image-rendering:pixelated;cursor:help;filter:drop-shadow(0 1px 1px #172b1d)}
#stage .player-hud .alert-state{left:0;top:119px;max-width:288px;padding:5px 8px;border:1px solid #c5a35b80;border-radius:5px;white-space:normal;background:#233120d9;color:#fff3ce;font:600 12px/1.45 "Segoe UI",Tahoma,Arial,sans-serif;text-shadow:0 1px 1px #102218;pointer-events:auto}
#stage .player-hud .alert-state:empty{display:none}
.lv-vital-low .lv-vital-icon{animation:lv-status-pulse 1.5s ease-in-out infinite}
@keyframes lv-status-pulse{50%{opacity:.45}}
@media(max-width:400px){#stage .player-hud{width:244px;gap:6px;transform:scale(.86);transform-origin:top left}#stage .player-hud .meters{width:148px}}
@media(max-height:500px) and (pointer:coarse){body.playing #stage .player-hud{transform:scale(.82)}}
@media(prefers-reduced-motion:reduce){.lv-vital-low .lv-vital-icon{animation:none}#stage .player-hud .meter i{transition:none}}