#survival-hud{position:absolute;left:50%;bottom:calc(32 * var(--ui) + env(safe-area-inset-bottom,0px));width:calc(182 * var(--ui));height:calc(20 * var(--ui));transform:translateX(-50%);pointer-events:none;image-rendering:pixelated}
.vital-row{position:absolute;bottom:0;display:flex;width:calc(81 * var(--ui));height:calc(9 * var(--ui))}
.vital-health,.vital-armor{left:0}.vital-food,.vital-air{right:0;flex-direction:row-reverse}
.vital-armor,.vital-air{bottom:calc(10 * var(--ui))}
.vital-icon,.vital-icon>span{position:relative;display:block;flex:none;width:calc(9 * var(--ui));height:calc(9 * var(--ui));background-size:100% 100%;image-rendering:pixelated}
.vital-icon{margin-right:calc(-1 * var(--ui))}.vital-icon>span{position:absolute;inset:0}
body[data-game-mode=survival] #selected-name{bottom:calc(64 * var(--ui))}
body.player-hurt #vignette{background:radial-gradient(ellipse at center,transparent 45%,#b0000090 100%)}
.durability-bar{position:absolute;left:calc(2 * var(--ui));right:calc(1 * var(--ui));bottom:var(--ui);height:calc(2 * var(--ui));background:#000;z-index:3}
.durability-bar>span{display:block;height:var(--ui)}
#dialog[data-kind=death]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;border:0;overflow:visible;background:linear-gradient(#5d111144,#1b0505b8);box-shadow:none}
#dialog[data-kind=death] .panel-heading{position:absolute;left:0;right:0;top:20%;margin:0;text-align:center}
#dialog[data-kind=death] .panel-heading h2{font-size:calc(16 * var(--ui));color:#fff;text-shadow:calc(2 * var(--ui)) calc(2 * var(--ui)) #3f3f3f}
.death-detail{position:absolute;top:calc(20% + 24 * var(--ui));left:10%;right:10%;color:#fff;text-align:center;font-size:calc(8 * var(--ui));line-height:1.5}
.death-actions{position:absolute;left:50%;top:50%;width:calc(200 * var(--ui));max-width:90vw;transform:translateX(-50%);display:grid;gap:calc(4 * var(--ui))}
.create-mode{width:100%;margin:8px 0}
body.touch .hud-actions .square-button{position:static;flex:none;width:44px;height:44px}
body.touch #dialog[data-kind=death] .pixel-button{min-height:44px}
body.touch #touch-actions [data-touch=sprint]{grid-column:1/-1;min-height:44px;font-family:inherit;font-size:calc(8 * var(--ui));border-radius:0}
body.touch #touch-actions [data-touch=sprint][aria-pressed=true]{background:#526c39d9;border-color:#e4eeaf;box-shadow:inset 2px 2px #0005;color:#f8ffcf}
.client-update{position:fixed;z-index:1200;top:calc(env(safe-area-inset-top,0px) + 8px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:95vw;padding:8px 12px;background:#161b1bf2;border:2px solid #7b8c80;font-size:14px;text-shadow:1px 1px #000}
.client-update .pixel-button{width:auto;min-width:100px;min-height:36px;padding:4px 10px;font-size:14px;white-space:nowrap}