.hud.svelte-6u4h4z{image-rendering:pixelated;font-size:calc(var(--u) * 8);line-height:calc(var(--u) * 9)}.crosshair.svelte-6u4h4z{width:calc(var(--u) * 9);height:calc(var(--u) * 9);background:linear-gradient(#fff, #fff) center / calc(var(--u) * 9) var(--u) no-repeat, linear-gradient(#fff, #fff) center / var(--u) calc(var(--u) * 9) no-repeat;mix-blend-mode:difference;opacity:.9;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ghost.svelte-6u4h4z{z-index:5;color:#ffffff80;cursor:pointer;background:0 0;border:1px dashed #ffffff47;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,color .15s;display:flex;position:absolute}.ghost.svelte-6u4h4z:hover{color:#fff;background:#ffffff24;border-color:#fffc}.ghost-label.svelte-6u4h4z{font-size:calc(var(--u) * 8);text-shadow:calc(var(--u) * 1) calc(var(--u) * 1) 0 #0009}.region-chat.svelte-6u4h4z{left:calc(var(--u) * 2);bottom:calc(var(--u) * 40);width:min(calc(var(--u) * 320), calc(100% - var(--u) * 4));height:calc(var(--u) * 18);padding-left:calc(var(--u) * 4);justify-content:flex-start}.region-title.svelte-6u4h4z{left:50%;top:calc(50% - var(--u) * 40);width:min(calc(var(--u) * 240), calc(100% - var(--u) * 8));height:calc(var(--u) * 36);transform:translate(-50%)}.region-subtitle.svelte-6u4h4z{left:50%;top:calc(50% + var(--u) * 10);width:min(calc(var(--u) * 160), calc(100% - var(--u) * 8));height:calc(var(--u) * 18);transform:translate(-50%)}.region-actionbar.svelte-6u4h4z{left:50%;bottom:calc(var(--u) * 61);width:calc(var(--u) * 140);height:calc(var(--u) * 12);transform:translate(-50%)}.chat.svelte-6u4h4z{z-index:10;left:0;bottom:calc(var(--u) * 40);width:min(calc(var(--u) * 328), 100%);position:absolute}.chat-line.svelte-6u4h4z{padding:0 calc(var(--u) * 4);min-height:calc(var(--u) * 9);background:#00000080}.title.svelte-6u4h4z,.title-demo.svelte-6u4h4z{z-index:10;left:0;right:0;top:calc(50% - var(--u) * 40);text-align:center;font-size:calc(var(--u) * 8 * var(--title-scale,4));line-height:calc(var(--u) * 9 * var(--title-scale,4));white-space:nowrap;position:absolute}.title-demo.svelte-6u4h4z{opacity:.35;cursor:pointer}.title-demo.svelte-6u4h4z:hover{opacity:.6}.subtitle.svelte-6u4h4z{z-index:10;left:0;right:0;top:calc(50% + var(--u) * 10);text-align:center;font-size:calc(var(--u) * 16);line-height:calc(var(--u) * 18);position:absolute}.actionbar.svelte-6u4h4z{z-index:10;left:0;right:0;bottom:calc(var(--u) * 63);text-align:center;position:absolute}.actionbar-hud.svelte-6u4h4z{width:calc(var(--u) * 182);height:calc(var(--u) * 40);pointer-events:none;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hearts.svelte-6u4h4z,.food.svelte-6u4h4z{bottom:calc(var(--u) * 30);gap:calc(var(--u) * 1);display:flex;position:absolute}.hearts.svelte-6u4h4z{left:0}.food.svelte-6u4h4z{flex-direction:row-reverse;right:0}.icon.svelte-6u4h4z{width:calc(var(--u) * 7);height:calc(var(--u) * 7);filter:drop-shadow(0 0 #000)}.xp.svelte-6u4h4z{left:0;right:0;bottom:calc(var(--u) * 24);height:calc(var(--u) * 5);box-shadow:inset 0 0 0 var(--u) #000;background:#1a1a1a;position:absolute}.xp-fill.svelte-6u4h4z{width:62%;height:100%;box-shadow:inset 0 calc(var(--u) * -1) 0 #4fae0c;background:#80ff20;display:block}.level.svelte-6u4h4z{left:50%;bottom:calc(var(--u) * 27);color:#80ff20;text-shadow:var(--u) 0 0 #000, calc(var(--u) * -1) 0 0 #000, 0 var(--u) 0 #000, 0 calc(var(--u) * -1) 0 #000;position:absolute;transform:translate(-50%)}.hotbar.svelte-6u4h4z{width:calc(var(--u) * 182);height:calc(var(--u) * 22);padding:var(--u);box-shadow:inset 0 0 0 var(--u) #111, inset 0 0 0 calc(var(--u) * 2) #8c8c8c8c;background:#00000073;display:flex;position:absolute;bottom:0;left:0}.hotbar-slot.svelte-6u4h4z{width:calc(var(--u) * 20);height:calc(var(--u) * 20);padding:calc(var(--u) * 2);box-shadow:inset 0 0 0 var(--u) #78787880;justify-content:center;align-items:center;display:flex}.hotbar-selected.svelte-6u4h4z{left:calc(var(--u) * -1);top:calc(var(--u) * -1);width:calc(var(--u) * 24);height:calc(var(--u) * 24);border:calc(var(--u) * 2) solid #f2f2f2;box-shadow:inset 0 0 0 var(--u) #000, 0 0 0 var(--u) #000;position:absolute}.hud.svelte-6u4h4z .live-selected{outline:max(1px, calc(var(--u) * .5)) dashed #ddd6fee6;outline-offset:calc(var(--u) * .5)}.hud.svelte-6u4h4z .mc-shadow{text-shadow:.125em .125em #0000008c}@container (width<=639px){.hud.svelte-6u4h4z{--title-scale:2.5}}.hud-wrap.svelte-6u4h4z{container-type:inline-size}