.oasis-hud-overlay{pointer-events:none;z-index:10;position:fixed;inset:0}.oasis-hotbar-root{pointer-events:none;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.oasis-hotbar{pointer-events:auto;background:#14141ed9;border:2px solid #2a2a3a;border-radius:6px;gap:4px;padding:6px;display:flex}.oasis-hotbar.disabled{opacity:.5}.oasis-hotbar__slot{cursor:pointer;width:56px;height:56px;color:inherit;font:inherit;background:#1a1a2a;border:2px solid #0000;border-radius:4px;margin:0;padding:0;position:relative}.oasis-hotbar__slot--active{border-color:#d4a04f;box-shadow:0 0 6px #d4a04f99}.oasis-hotbar__slot:disabled{cursor:default}.oasis-hotbar__icon{width:48px;height:48px;image-rendering:pixelated;background-repeat:no-repeat;background-size:384px 432px;margin:4px auto 0;display:block}.oasis-hotbar__icon--empty{background-image:none}.oasis-hotbar__count{color:#fff;text-shadow:1px 1px #000;pointer-events:none;font-size:11px;position:absolute;bottom:2px;right:4px}.oasis-hotbar__keybind{color:#888;pointer-events:none;font-size:9px;position:absolute;top:2px;left:4px}.oasis-hotbar__sr-live{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}