.hud-chart,.hud-plate,.hud-canvas{position:absolute;left:0;bottom:0;image-rendering:pixelated}.hud-chart,.hud-plate{width:calc(var(--hgw) * var(--hpx));height:calc(var(--hgh) * var(--hpx))}.hud-canvas{width:calc(var(--sgw) * var(--spx));height:calc(var(--sgh) * var(--spx));image-rendering:auto}.hud-help{position:absolute;right:calc(var(--hud-right, 0px) + 30 * var(--px));top:calc(var(--hud-top, 0px) + 6 * var(--px));line-height:1.5;opacity:.7;text-align:right;white-space:pre-line}.hud-help[hidden]{display:none}.hud-prompt{position:absolute;left:0;right:0;top:calc(var(--prompt-top, 0) * var(--px));line-height:1.5;text-align:center;white-space:pre-line;opacity:.85}.hud-prompt[hidden]{display:none}.hud-demo{position:absolute;left:calc(10 * var(--px));top:calc(var(--hud-top, 0px) + 6 * var(--px));line-height:1.5;text-align:left;white-space:pre-line;opacity:.6}.hud-demo[hidden]{display:none}.hud-ghost{position:absolute;left:calc(10 * var(--px));top:calc(var(--hud-top, 0px) + 6 * var(--px));line-height:1.5;text-align:left;white-space:pre-line;opacity:.85}.hud-ghost[hidden]{display:none}.hud-film,.hud-film-hint{position:fixed;line-height:1;white-space:nowrap;transform:translateY(50%)}.hud-film{left:calc(10 * var(--px));bottom:5.5vh;opacity:.9}.hud-film-hint{right:calc(10 * var(--px));top:5.5vh;transform:translateY(-50%);opacity:.55}.hud-film[hidden],.hud-film-hint[hidden]{display:none}.hud-ground{position:fixed;inset:0}.hud-ground[hidden]{display:none}.hit-flash{position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 0 calc(6 * var(--hpx, 2px)) #c8451c,inset 0 0 0 calc(12 * var(--hpx, 2px)) #7a1f10}.hit-flash[hidden]{display:none}